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

Question

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

• TAB1
  • 堆叠屏幕
• TAB2
• TAB3
• TAB4

我希望在标签视图上保留滑动，但是在打开StackNavigator时要禁用它。我尝试过应用＆＃34; swipeEnabled：false＆＃34;在StackNavigator的navigationOptions上，它会导致一些奇怪的行为（当我回去时，禁用StackNavigator在tabNavigation中显示动画和重新渲染的视图）。任何人都有想法如何实现这一目标？

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}