Fabric is not The effect on Android FlatList

[bozaigao]

Description

When I turned on the Fabric switch on the Android terminal, I used the FlatList to render the long list of data, and the rendering was blank and the frame was dropped when I slid quickly

1654074005778559.mp4

Version

0.68.2

Output of npx react-native info

use RN 0.68.2

Steps to reproduce

use RN 0.68.2

Snack, code example, screenshot, or link to a repository

use RN 0.68.2

[cortinico]

use RN 0.68.2

Could you share you repro?

[github-actions]

⚠️	Missing Reproducible Example
ℹ️	It looks like your issue is missing a reproducible example. Please provide a Snack or a repository that demonstrates the issue you are reporting in a minimal, complete, and reproducible manner.

[bozaigao]

@cortinico the repo url:https://github.com/bozaigao/FabircFlatListDemo, On Android I just set the newArchEnabled true and used the FlatList to render the long list

[bozaigao]

@cortinico What causes this problem? Frames should not drop when rendering synchronously with fabric，Or am I not configured somewhere?

[sammy-SC]

Hello @bozaigao,

to clarify, you expect synchronous rendering to prevent white patches from appearing in flat list, is that correct?

If that's the case, that behaviour has not been implemented yet. FlatList, nor any other place in React Native, does not leverage synchronous rendering yet. The new architecture is an important milestone towards synchronous rendering but the capability is not in production at the moment.

I'm going to close this issue as the behaviour you are seeing is expected. Let me know if you have questions.