performance - 当一个项目需要很长时间渲染并产生空白区域时，如何在 Flatlist 的空白区域加载加载器？

Question

我想在空白的空白处加载加载器。因为在快速滚动期间，Flatlist 会留下看起来很奇怪的空白。而那些空白需要时间来渲染原始项目。

Answer 1

有一些方法可以防止显示空白。FlatList 本身有一些你可以在这里找到的道具：https ://reactnative.dev/docs/flatlist

例如 ListEmptyComponent 可以这样使用：

<FlatList
     ListEmptyComponent={() => <ActivityIndicator color={"blue"}/>}
/>

您还可以initialNumToRender 尝试看看什么是最适合您的值。它的默认值为 10。查看这篇文章以获得更多建议：https ://medium.com/sanjagh/how-to-optimize-your-react-native-flatlist-946490c8c49b