如何使嵌套的 MaterialTopTabNavigator 从父 StackNavigator 捕获滑动手势

时间:2021-01-17 00:09:52

标签: react-native react-navigation

我正在尝试做一些非常接近 Instagram 的事情,但在另一个用户个人资料屏幕的帖子部分遇到了一些问题。

我目前的设置:

<Stack.Navigator screenOptions={gestureResponseDistance: {horizontal: SCREEN_WIDTH}}>
    <Stack.Screen name="Home" component={Home} />
    <Stack.Screen name="Profile" component={Profile} />
<Stack.Navigator/>

我的内部资料:

const Tab = createMaterialTopTabNavigator();
...
<Tab.Navigator>
     <Tab.Screen name="Posts" component={Posts} />
     <Tab.Screen name="Tags" component={Tags} />
     <Tab.Screen name="Locations" component={Locations} />
</Tab.Navigator>

我的问题是当我在 MaterialTopTabNavigator 内向右滑动时,父 StackNavigator 会捕获它,因为 gestureResponseDistance 导致整个屏幕滑动而不是 TabNavigator。< /p>

我无法禁用屏幕手势,因为如果用户在 TabNavigator 之外的任何地方滑动,他们应该能够返回。

我该如何解决?谢谢。

0 个答案:

没有答案