首页 > 解决方案 > 渲染项目更改时如何使用 Flatlist 保持滚动位置?

问题描述

我正在使用 Flatlist 制作 Itemlist,inverted={true}问题是当我打开一个 Item 时,滚动位置会发生变化。选定的 ItemList 位置应该是固定的,但会向上滚动。有什么办法可以保持所选项目的位置?感谢您的帮助

行为图像:在此处输入图像描述

我的代码:

<FlatList
   showsVerticalScrollIndicator={false}
   inverted={true}
   keyExtractor={(data) => "" + data.id}
   data={data?.itemLists}
   renderItem={renderItem}
   onEndReachedThreshold={0.5}
   onEndReached={() => {
      fetchMore({
         variables: {
            ...
         },
      },
   });
}}
/>

标签: react-native

解决方案


推荐阅读