Android端使用FlatList的stickyHeaderIndices时滚动性能极差
React Native Expo FlatList 启用stickyHeaderIndices后低端Android设备滚动卡顿问题求助
我当前使用React Native(搭配Expo)开发,用以下代码渲染一个包含300+商品的列表,多数商品配有高清图片:
<FlatList scrollEventThrottle={16} stickyHeaderIndices={[1]} data={categories} renderItem={renderCategory} keyExtractor={(item, index) => item.id} />
目前的问题是:除了一台运行Android 12的低端设备外,其他设备的性能表现都正常。在这台低端设备上,移除stickyHeaderIndices属性(该属性用于实现搜索栏吸顶效果)时滚动流畅无卡顿,但保留该属性后滚动会变得严重卡顿。
现象对比:
- 未使用stickyHeaderIndices:滚动性能良好,流畅无卡顿
- 使用stickyHeaderIndices:滚动性能极差,卡顿明显
请问有没有人遇到过这类和stickyHeaderIndices相关的性能问题?或者针对这个场景有什么可行的性能优化思路?谢谢!
内容的提问来源于stack exchange,提问作者iuliu.net
相关产品推荐
相关产品推荐

