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 🙂