如何禁止滑动到嵌套StackNavigator中的其他选项卡

Question

我没什么问题...我在TabNavigator中嵌套了StackNavigator，类似：

• Tab1
  • 堆栈屏幕
• Tab2
• Tab3
• Tab4

我想在选项卡视图中保留滑动，但是在打开StackNavigator时要禁用滑动。我曾尝试在StackNavigator的navigationOptions上应用“ swipeEnabled：false”，但它会引起一些奇怪的行为（当我返回时，禁用了TabNavigatorigation中的StackNavigator显示动画和渲染视图）。有人知道如何实现吗？

Answer 1

在您的StackNavigator上尝试此操作

navigationOptions: {
  gesturesEnabled: false
}

Answer 2

将此添加到导航选项中

static navigationOptions = {
    swipeEnabled: false
 }

link处的相关问题。

Answer 3

const Tabs = createMaterialTopTabNavigator(
{
    Tab1: TabName,
    Tab2: TabName,
},
{
    tabBarComponent: props => <TabStyle {...props} />,
    swipeEnabled: false, //<-- Add this line 
    animationEnabled: true
});

Answer 4

对于react-navigation V5，在Navigator道具中添加以下代码：

swipeEnabled={false}