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

Question

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

有没有办法让它在我需要的时候变得透明？这是我在 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 文件中预先指定您的路线，并指定您应该或不应该在哪些 route 隐藏导航栏。