react-native - 添加新项目时防止 Flatlist 滚动

Question

将数据添加到 Flatlist(例如订阅)时，它会向下滚动，从而导致非常糟糕的 UX。
关于如何解决这个问题的任何想法？

Answer 1

实际上，我认为这必须在本地级别处理，但尚未处理，
我通过保存滚动偏移并在重新加载数据后再次设置它来解决我的问题，如下所示:

reloadData(flatListData){

   this.setState({
       flatListData: flatListData
   });

   requestAnimationFrame(() => {
         this.flatList.scrollToOffset({
                       animated: false,
                       offset: this.flatListLastOffset
             });
   });
}

...

<FlatList
     data={this.state.flatListData}
     ref={ref => this.flatList = ref}
     onScroll={(event: Object) => {
           this.flatListLastOffset = event.nativeEvent.contentOffset.y;
           }}
     horizontal={false}
     scrollEventThrottle={16}
 />

这不是最好的解决方案，但现在可以解决我的问题