ScrollView 内部材料顶部选项卡导航

问题描述 投票:0回答:0

我在 React Native 中有这种材料顶部标签导航:

    <Tab.Navigator
      initialRouteName="Screen1"
      screenOptions={() => ({
        swipeEnabled: true,
      })}>
      <Tab.Screen name="Screen1" component={Screen1} />
      <Tab.Screen name="Screen2" component={Screen2} />
      <Tab.Screen name="Screen3" component={Screen3} />
    </Tab.Navigator>

我可以通过向左/向右滑动来在这 3 个屏幕之间导航。问题是,我在 Screen1 中有一个水平的 ScrollView,当我在 ScrollView 上向右滑动时,有时它不会滚动通过 ScrollView,而是通过选项卡屏幕,并且有时 ScrollView 会卡在一个地方。

我怎样才能做到这一点,当我在 ScrollView 上滚动时,它会忽略导航器的滑动器,而只在 ScrollView 上滚动?

P.S:我现在只在 android 上工作,所以我不知道这个问题是只在 android 上,还是在两个平台上。

我尝试使用 ScrollView 的 NestedScrollEnabled 道具,我尝试从“react-native-gesture-handler”导入 ScrollView,但它们似乎都不起作用。

react-native navigation uigesturerecognizer swipe android-nestedscrollview
© www.soinside.com 2019 - 2024. All rights reserved.