React Native：在UI顶部获取额外的灰色栏

Question

我的代码回购位于：

https://github.com/samrao2/manager-4

我在顶部有一个额外的灰色菜单栏，不知道如何摆脱这个。我的预感是因为我在我的Router.js文件中有一个额外的场景TAG，但我必须按照推荐的解决方案来解决this解决问题this问题。

现在我在所有屏幕的顶部（上面的＃34;请登录＆＃34;栏）得到一个额外的灰色栏，有没有人有任何想法？

Answer 1

啊，啊，这个udemy当然......它有点过时了。 React-Native-Router-Flux现在基于React-Navigation，因此您必须添加堆栈。不确定我的代码是否是“最佳实践”，但这会照顾灰色条（它也让我感到难过。）

  <Router sceneStyle={{ paddingTop: 0 }}>
    <Stack key="root" hideNavBar="true">
     <Scene key="auth">
        <Scene key="login" component={LoginForm} title="Please Login" />
        <Scene key="createUser" component={CreateUser} title="Create A New Account" />
        <Scene key="password" component={PasswordReset} title="Reset Your Password" />
  </Scene>
    <Scene key="main">
       <Scene
        onRight={() => Actions.employeeCreate()}
        rightTitle="Add"
        key="employeeList"
        component={EmployeeList}
        title="Employees"
        initial
       />
    </Scene>
  </Stack>
</Router>

我的身份验证密钥中还有更多场景，但您应该明白这一点。