Flatlist中的渲染问题

问题描述

我正在使用Flatlist作为无限滚动，就像hotstar / prime video一样，滚动的每个项目都是一个轮播。每个轮播中最多可以包含8-10张图片。

渲染无限滚动的问题很少。

1. 有时，我滚动速度更快时，滚动窗体的空白空间，但有时会被填充。它看起来滚动和渲染速度很多 不同。它发生在滚动的两个方向。
2. 滚动时，碰巧在单击时触摸事件没有响应。
3. 此外，当添加新数据以滚动时，渲染速度也很慢。

我已经尝试了官方文档中建议的所有建议的优化，但是问题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 (将#修改为@）