Android - "cannot remove child at index X" error on new architecture

[cjpete]

Description

When navigating back from a stack screen which contains a FlatList, the app throws a soft error:

Cannot remove child at index 9 from parent ViewGroup [106], only 10 children in parent. Warning: childCount may be incorrect!

null

IssueWithFlatListFabric.mov

Steps to reproduce

1. Open the repro app
2. Navigate to the flatlist screen
3. Press header back button
4. Observe error

Snack or a link to a repository

https://github.com/72days/TestNavFlatListIssues

Screens version

3.34.0

React Native version

0.75.2

Platforms

Android

JavaScript runtime

Hermes

Workflow

React Native (without Expo)

Architecture

Fabric (New Architecture)

Build type

Debug mode

Device

Real device

Device model

Samsung S9 and Pixel 1

Acknowledgements

Yes

[github-actions]

Hey! 👋

The issue doesn't seem to contain a minimal reproduction.

Could you provide a snack or a link to a GitHub repository under your username that reproduces the problem?

[cjpete]

Hey! 👋

The issue doesn't seem to contain a minimal reproduction.

Could you provide a snack or a link to a GitHub repository under your username that reproduces the problem?

There is a reproduction example in the issue: https://github.com/72days/TestNavFlatListIssues

[cjpete]

FYI this is also an issue with 3.35.0-rc.1

[arnabJ]

Temporarily add this to FlatList to fix the issue:

<FlatList
    data={images}
    numColumns={3}
    contentContainerStyle={[{paddingHorizontal: 10}, containerStyle]}
    renderItem={renderItem}
    removeClippedSubviews={false} // <- Add This
/>

Got this workaround from: #2282

[alduzy]

I believe it's the same issue: #2282
The problem has been recently revisited by: #2383

[WKampel]

Still happens in latest beta version (4.0.0-beta.9)

[alduzy]

@WKampel Can you attach a reproduction?

[abhayagrawal-fareye]

Facing this issue with RN 0.75.4 and react-native-screens - 3.34.0

[Aamir0890]

facing this issue with "react-native-screens": "^3.35.0", and "react-native": "0.76.0",

[alduzy]

The issue should be gone in 3.35.0. If the problem persists please attach a reproduction code.

[delphinebugner]

Had the issue with 3.34.0, just upgraded to 3.35.0 and it did fix it, thanks @alduzy 🙂

[jaemushim]

Facing this issue with react native 0.76.1, react native screens 3.35.0

[pj-prize]

Same, seeing this issue in RN 0.76.1 and RN Screens 3.35.0

[marcio-b]

Same issue in RN 0.76.1 and RNScreens 3.35.0. I also tried updating RNScreens to 4.1.0 and had the same result.

[alduzy]

Related issue: #2491

[marcio-b]

I just wanted to confirm that issue is resolved in v4.2.0.

[pj-prize]

Confirmed that this is fixed for me with RN 0.76.2 and RN Screens 4.2.0. Thank you for your help!

[Yousuf223]

cannot remove child at index 7 from parent ViewGroup [416], only 8 childern in parent. warning: childCount may be Incorrect!

[tree1891]

same issue
RN 0.76.5
RN Screens 4.3.0

[saimarshadsaim31]

I was also facing this issue, not for flatlist but in some other part of the app. was using v4.0.0, upgraded to 4.2.0 and it got fixed!

[hasangonen91]

"react-native-screens": "3.34.0", to "3.35.0", working for me

[KhuongVo2105]

this also happens in RN 0.76.5 and RN screens 4.4.0. I went into android/gradle.properties and changed to newArchEnabled=false

[ponikar]

I am still facing this issue with new arch enabled. Its happening randomly after spending serval minutes.
I have multiple list components in the screen.

"react-native-screens": "^4.4.0",