如何修复继承的隐藏 NavigationIOS（仅在需要时显示导航栏）-React Native

Question

似乎当我在 index.ios.js 中启动我的应用程序时，我实际上只有两个选择：在路由到其他视图时从一开始就隐藏 navigationios 组件，或者让它显示在我的所有视图中。

有什么办法可以让它在我想要的时候变透明吗？这是我在 index.ios.js:

上的代码

'use strict';

var React = require('react-native');
var Login = require('./App/Components/loginPage');

var { AppRegistry, StyleSheet, View, NavigatorIOS, StatusBarIOS } = React;

class nomsyRN extends React.Component {
  render() {
    return (
      <NavigatorIOS
        style={styles.container}
        initialRoute={{
          component: Login,
          title: 'Home',
        }}
        navigationBarHidden={true}
        tintColor="#FFFFFF"
        barTintColor="transparent"
        titleTextColor="#FFFFFF"
      />
    );
  }
}

var styles = StyleSheet.create({
  container: {
    marginTop: 0,
    flex: 1,
    alignItems: 'stretch',
  },
  bgImage: {
    flex: 1,
    resizeMode: 'cover',
    height: 100,
    width: 400,
  },
  buttoncontainer: {
    flex: 1,
    alignItems: 'center',
  },
});

AppRegistry.registerComponent('nomsyRN', () => nomsyRN);

这使我能够避免在该页面路由到的登录页面以及所有转换页面上显示导航栏。但是一旦用户进入应用程序，导航栏就成为定向所必需的 - 但由于初始 navigationios 组件隐藏了导航栏 - 所有后续页面都继承了这一特征。有什么办法解决这个问题吗？

我是新手，非常感谢任何帮助！

Answer 1

我会去看看 React Native Router Flux。上周我们刚刚切换到它，到目前为止我们都很喜欢它。它允许您在 index.ios.js 文件中预先指定您的路线，以及指定您应该或不应该隐藏导航栏的路线。

如何修复继承的隐藏 NavigationIOS（仅在需要时显示导航栏）-React Native

How to fix Inherited Hidden NavigationIOS (only show navbar when desired) - React Native

javascript

navigation

ios

react-native