react-native – 在添加新项目时阻止Flatlist滚动

发布时间：2020-12-15 20:48:41 所属栏目：百科来源：网络整理

导读：将数据添加到Flatlist(例如订阅)时,它向下滚动导致非常糟糕的UX. 关于如何解决这个问题的任何想法？实际上,我认为这必须在本机级别处理,但尚未处理, 我通过保存滚动偏移来解决我的问题,并在重新加载数据后再次设置它： reloadData(flatListData){ this.setS

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

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

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}
 />

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!