React Native：在 UI 顶部添加额外的灰色条

Question

我的代码仓库位于：

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

我在顶部看到一个额外的灰色菜单栏，但不知道如何摆脱它。我的预感是，发生这种情况是因为我的 Router.js 文件中有一个额外的场景标签，但我必须按照推荐的解决方案将其放入，以解决 this 问题与 this 解决方案。

现在我所有屏幕的顶部（“请登录”栏上方）都出现了一个额外的灰色条，有人有什么想法吗？

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>

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