在嵌套 FlatList 覆盖的区域上禁用 react-native-tab-view 滑动答案

【问题标题】：Disable react-native-tab-view swipe on area covered by nested FlatList在嵌套 FlatList 覆盖的区域上禁用 react-native-tab-view 滑动
【发布时间】：2023-02-11 06:08:18
【问题描述】：

我在 react-native-tab-view 的每个屏幕中都嵌入了一个 FlatList，我想在这个 FlatList 覆盖的区域禁用 react-native-tab-view 的滑动以获得更好的用户体验。

当到达 FlatList 的末尾时，滚动传播到父 react-native-tab-view

GIF example of the scroll propagating to tab view

在 Android 上，这个区域的滚动有时甚至被认为是在 react-native-tab-view 上的滑动，这导致很难滚动 FlatList。

我试图找到一种方法来捕获触摸事件并停止传播，但我对 PanResponders 和触摸事件捕获不是很熟悉。

【问题讨论】：

标签： react-native scroll react-navigation flatlist react-native-tab-view

【解决方案1】：

只需使用

    <TabView
      .....
      swipeEnabled={false}
    />

【讨论】：