react-native - React Native + react-native-router-flux: hideNavBar 让所有组件消失

Question

在使用 react-native-router-flux 的 React Native 中，当我尝试隐藏导航栏时，所有组件都会消失。这是我的代码：

<Router>
   <Stack key="root" >
      <Scene key="login" component={Login} title="Login" initial={true} hideNavBar={true}/>
      <Scene key="signup" component={Signup} title="Signup" />
   </Stack>
</Router>

我尝试了其他替代解决方案，但仍然遇到同样的问题。

这是不使用 hideNavBar 属性时的外观。

标签： react-nativereact-native-router-flux

Answer 1

看完你的零食后，我意识到<View />下面的父组件App.js似乎导致了这个问题，没有任何错误标志。通过删除它，组件重新出现。我建议您Scene分别为每个样式添加 css 样式，这也可以为您提供精细控制。或者您可能必须重新设计组件才能拥有基本样式主题。这是更新的小吃。

使用^4.2.0of react-native-router-flux，我能够复制您的上述示例，而不会在将hideNavBarprop 设置为 true 时组件消失。因为我没有您的组件的代码，所以我使用View带有a 的基本代码Button在堆栈的场景之间导航。

我在这里放了一份小吃，这样你就可以看看哪里出了问题。:)