React Navigation-自定义屏幕导航

Question

我正在将反应导航用于导航屏幕。 我使用了嵌套导航， TabNavigator和StackNavigator 。

据我所知，在屏幕上滑动时，屏幕TabNavigator是我们在TabNavigator上设置的内容。

通常跟随屏幕

一>二>三>四>五

我需要的

一>二>四>五

我跳过“ Three原因是我希望此屏幕由this.props.navigation.navigate('ThreeScreen')调用，但是我仍然希望它在导航栏上。 可能吗 ？ 还是有其他建议可以做到这一点？

const mainNav = TabNavigator({
  One: { 
    screen: OneScreen,
  },
  Two: {
   screen: TwoScreen,
  },
  Three: {
   screen: ThreeScreen,
  },
  Four: {
   screen: FourScreen,
  },
  Five: {
   screen: FiveScreen,
  },
} );

export const mainStack = StackNavigator({
  Home: { screen: mainNav},
  Content: { screen: ContentScreen },
});

Answer 1

在navigationOptions添加以下gesturesEnabled ：

内部组件

class ThreeScreen extends React.Component {

     static navigationOptions= {
       gesturesEnabled: false
     };

}

或直接在路由配置中

const mainNav = TabNavigator({
   //....
  Three: {
   screen: ThreeScreen,
   navigationOptions: {
      gesturesEnabled: false,
   }
  },
 //....

} );