Question

似乎当我在index.ios.js中启动我的应用程序时，我真的只有两个选项：在路由到其他视图时隐藏导航组件或者在我的所有视图中显示它。

在我渴望的时候，有没有让它透明？这是我在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);

这使我能够避免在此页面路由到的登录页面上以及所有转换页面上显示导航栏。但是一旦用户进入应用程序，导航就变得必不可少 - 但由于初始导航组件隐藏了导航栏 - 所有后续页面都会继承此特征。反正有这个问题吗？

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

Answer 1

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

如何修复Inherited Hidden NavigationIOS（仅在需要时显示导航栏） - React Native

1 个答案: