首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >反应导航-自定义屏幕导航

反应导航-自定义屏幕导航
EN

Stack Overflow用户
提问于 2017-11-07 02:35:24
回答 1查看 174关注 0票数 0

我正在使用react导航来导航屏幕。我使用了嵌套导航,TabNavigatorStackNavigator

正如我所知道的,当我们在TabNavigator上滑动时,屏幕会跟随我们的设置。

通常屏幕跟随

1>2>3>4>5

我需要什么

1>2>4>5

我跳过Three的原因是我希望这个屏幕是由this.props.navigation.navigate('ThreeScreen')调用的,但我仍然希望它在导航栏上。有可能吗?或者还有其他的建议可以这样做?

代码语言:javascript
运行
复制
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 },
});
EN

回答 1

Stack Overflow用户

发布于 2017-11-07 02:42:43

gesturesEnabled中添加navigationOptions

内部组件

代码语言:javascript
运行
复制
class ThreeScreen extends React.Component {

     static navigationOptions= {
       gesturesEnabled: false
     };

}

或直接在路由配置

代码语言:javascript
运行
复制
const mainNav = TabNavigator({
   //....
  Three: {
   screen: ThreeScreen,
   navigationOptions: {
      gesturesEnabled: false,
   }
  },
 //....

} );
票数 -1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/47149103

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档