【问题标题】:how to hide NavigatorIOS in react native如何在本机反应中隐藏 NavigatorIOS
【发布时间】:2015-10-08 10:35:35
【问题描述】:

我在 react native 中使用 NavigatorIOS 很麻烦,

<NavigatorIOS
      style={styles.navigator}
      initialRoute={{
        title:’xxx’,
        component:xxx
      }}/>

这里的组件 xxx 是我的起始文件,我不需要导航器,在此之后我使用登录屏幕,完成这些屏幕后我也不需要导航器,我需要在我的屏幕中使用导航器。 我如何隐藏这些屏幕的导航器任何帮助非常感谢

【问题讨论】:

标签: react-native


【解决方案1】:
<NavigatorIOS
  style={styles.navigator}
  initialRoute={{
    title:'xxx',
    component:xxx
  }}
  navigationBarHidden={true} />

【讨论】:

  • 隐藏没问题,但在第三个屏幕上我一直这样 this.props.navigator.push({ component:xxxx title:'xxxx', navigationBarHidden:false }) 但不起作用,需要显示导航栏那里
  • 您可以使用 passProps:{..} 在组件中发送道具。我不认为你可以使用 this.props.navigator.push({ component:xxxx title:'xxxx', navigationBarHidden:false })
  • @HussianShaik navigationBarHidden 是 NavigatorIOS 的一个 prop,不是 Router。
  • 请考虑编辑您的帖子,以添加更多关于您的代码的作用以及它为何能解决问题的说明。一个大部分只包含代码的答案(即使它正在工作)通常不会帮助 OP 理解他们的问题。
【解决方案2】:

您是否尝试过使用状态更改 navigationBarHidden 值

<NavigatorIOS
  style={styles.navigator}
  initialRoute={{
  title:'xxx',
  component:xxx
 }}
 navigationBarHidden={this.state.navHidden} />

现在根据您的屏幕将状态设置为 true 或 false。您可能必须让道具冒泡到父导航器。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2015-07-27
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2020-02-21
    • 1970-01-01
    相关资源
    最近更新 更多