react-native ScrollView 嵌套 FlatList滚动

最新推荐文章于 2022-10-28 11:29:59 发布

itzilong

最新推荐文章于 2022-10-28 11:29:59 发布

阅读量3.7k

点赞数 2

分类专栏： android基础

本文链接：https://blog.csdn.net/zhizhuodewo6/article/details/112230666

版权

android基础专栏收录该内容

38 篇文章 0 订阅

订阅专栏

最近项目遇到需要使用ScrollView 嵌套 FlatList的功能，当flatList滚动时，ScrollView也在滚动，最后在github上找到了解决办法，防止忘记记录一下！！
ScrollView 嵌套 FlatList滚动，当flatList滚动时，ScrollView禁止滚动

this.state = {
  enableScrollViewScroll: true,
  ...
}
onEnableScroll = value => {
    this.setState({
      enableScrollViewScroll: value,
    });
};

render() {
  return(
     <ScrollView 
       scrollEnabled={this.state.enableScrollViewScroll}
      >
        <FlatList 
            onTouchStart={() => {this.onEnableScroll(false);}}
            onMomentumScrollEnd={() => {this.onEnableScroll(true);}}
            ...
        />
        ...  
     </ScrollView>
  ) 
}

借鉴地址：https://github.com/facebook/react-native/issues/19971