React native - Material Top选项卡导航器，选项卡内带有滑动列表视图滑动

unftdfkk 于 2023-01-05 发布在 React

关注(0)|答案(1)|浏览(138)

我在我的应用程序中使用react navigation 5.x material top tabs navigator与两个选项卡，在这两个选项卡我有swipe list view component .
我希望能够滑动列表视图上的行，但当我尝试滑动它们时，标签也会被滑动。
我可以永远取消标签上的滑动，但我希望在用户将滑动到动态列表之外时启用它。
我该怎么做？谢谢你的帮助

react-native

来源：https://stackoverflow.com/questions/69255292/react-native-material-top-tabs-navigator-with-swipe-list-view-swipe-inside-the

1条答案

按热度按时间

8i9zcol21#

我用的是@ react-navigation v6。
在SwipeListView实施上

onTouchStart={({nativeEvent: {locationX: x}}) => {
    if (x > TAB_SWIPE_OFFSET &&
      x < Dimensions.get('screen').width - TAB_SWIPE_OFFSET
    ) {
      navigation.setOptions({swipeEnabled: false});
    } else {
      navigation.setOptions({swipeEnabled: true});
    }
  }}

  onTouchEnd={() => navigation.setOptions({swipeEnabled: true})}

赞(0）回复(0）举报 2023-01-05

我来回答

React native - Material Top选项卡导航器，选项卡内带有滑动列表视图滑动

1条答案

相关问题

热门标签

最新问答