如何解决Flatlist中的渲染问题
我正在使用Flatlist作为无限滚动,就像hotstar / prime video一样,滚动的每个项目都是一个轮播。每个轮播中最多可以包含8-10张图片。
渲染无限滚动的问题很少。
- 有时,我滚动速度更快时,滚动窗体的空白空间,但有时会被填充。它看起来滚动和渲染速度很多 不同。它发生在滚动的两个方向。
- 滚动时,碰巧在单击时触摸事件没有响应。
- 此外,当添加新数据以滚动时,渲染速度也很慢。
我已经尝试了官方文档中建议的所有建议的优化,但是问题1和3对于用户来说仍然是错误的体验。
return (
<FlatList
style={Style.container}
data={props.data}
keyExtractor={getKeyExtractor(props.keyExtractor)}
renderItem={getRenderItem(props.renderItem)}
onEndReached={getLoadMore(props.loadMore)}
onEndReachedThreshold={0.6}
removeClippedSubviews={true}
maxToRenderPerBatch={1}
updateCellsBatchingPeriod={1}
showsVerticalScrollIndicator={false}
onRefresh={getRefresh(isRefreshing,setIsRefreshing,props.refresh)}
initialNumToRender={1}
refreshing={isRefreshing}
horizontal={props.horizontal}
numColumns={1}
ListHeaderComponent={props.renderHeader}
stickyHeaderIndices={[0]}
windowSize={8}
ref={getRef(props.reference)}
/>
);
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。