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

前端之家收集整理的这篇文章主要介绍了react-native – 在添加新项目时阻止Flatlist滚动前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
将数据添加到Flatlist(例如订阅)时,它向下滚动导致非常糟糕的UX.
关于如何解决这个问题的任何想法?
实际上,我认为这必须在本机级别处理,但尚未处理,
我通过保存滚动偏移来解决我的问题,并在重新加载数据后再次设置它:
  1. reloadData(flatListData){
  2.  
  3. this.setState({
  4. flatListData: flatListData
  5. });
  6.  
  7. requestAnimationFrame(() => {
  8. this.flatList.scrollToOffset({
  9. animated: false,offset: this.flatListLastOffset
  10. });
  11. });
  12. }

  1. <FlatList
  2. data={this.state.flatListData}
  3. ref={ref => this.flatList = ref}
  4. onScroll={(event: Object) => {
  5. this.flatListLastOffset = event.nativeEvent.contentOffset.y;
  6. }}
  7. horizontal={false}
  8. scrollEventThrottle={16}
  9. />

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

猜你在找的React相关文章