React Native:FlatList 对于较大的项目列表会闪烁,对于较小的列表则不然

J.K*_*.Ko 5 react-native react-native-flatlist

这是正在发生的事情:

-我正在 RN 中开发一个博客应用程序。每个用户都有一个个人资料页面,其中可以看到用户撰写的所有帖子。

-每个帖子都有一个缩略图,我按照我应该的方式在 FlatList 中渲染帖子。

-但是,如果列表足够大,例如 100+,则对于 iOS 和 Android,帖子中的图像在向上/向下滚动时会闪烁。这是可以理解的,这是一种糟糕的用户体验。

-有趣的是,如果列表相当小,图像根本不会闪烁。如果这是语法问题,所有图像都会闪烁。

- 使用 FlatList 时是否会出现这种行为?即在渲染大量项目时会出现问题吗?如果是这样,我该怎么做才能防止闪烁?

仅供参考,下面是我用于 FlatList 组件的代码。足够简单:

     const PostArray = (props) => {
         return (
             (props.postarray===null ?
             null  :
             <FlatList
                 data={props.postarray}
                 style={{marginTop:10}}
                 renderItem={({ item }) =>
                 <ProfilePostsPreview item={item}/>
             }
             keyExtractor={(item, index) => index.toString()}
             />
             )
         )
     }
Run Code Online (Sandbox Code Playgroud)

有什么建议吗?提前致谢!