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)
有什么建议吗?提前致谢!
| 归档时间: |
|
| 查看次数: |
920 次 |
| 最近记录: |