如何在React Native中隐藏NavigatorIOS

Question

我在使用React Native中的NavigatorIOS时遇到了困难。

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

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

- Hussian Shaik

---

可能是如何在React Native中显示隐藏的导航栏的重复问题。 - Hamed Tabatabaei

如果您正在使用StackNavigator，请查看此链接。https://dev59.com/610a5IYBdhLWcg3wipPk#43935245 - Naeem Ibrahim

Answer 1

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

- KChen

---

隐藏是可以的，但在第三个屏幕中我保持了这样的设置： this.props.navigator.push({ component:xxxx title:’xxxx’, navigationBarHidden:false })但不起作用，我需要在那里显示导航栏。 - Hussian Shaik

你可以使用 passProps:{..} 在组件中发送 props。我认为你不能使用 this.props.navigator.push({ component:xxxx title:’xxxx’, navigationBarHidden:false })。 - Nishanth Shankar

@HussianShaik navigationBarHidden是NavigatorIOS的一个属性，而不是Router的。 - KChen

请考虑编辑您的帖子，添加更多关于代码的解释以及为什么它可以解决问题的说明。大部分只包含代码的答案（即使它能工作）通常不会帮助提问者理解他们的问题。 - Miki

Answer 2

你尝试使用状态更改navigationBarHidden的值了吗？

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

根据你的屏幕设置状态为true或false。你可能需要将props向上冒泡到父级导航器。

- Nishanth Shankar