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

Question

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

<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 属性时的效果。

Answer 1

在看了你的小吃之后，我意识到父类的 <View /> 组成部分下 App.js 通过删除它，组件又重新出现了。我建议你为每个组件添加css样式。Scene 或者你可能必须重新设计你的组件，以便有一个基本的风格主题。这是更新的 零食.

使用 ^4.2.0 的 react-native-router-flux我能够复制你上面的例子，没有任何问题的组件消失时设置 hideNavBar 因为我没有你的组件的代码，我使用了一个基本的 View 附带 Button 用于在堆栈的场景之间进行导航。

我已经包含了一个小吃 此处 这样你就可以看一看，看看哪里出了问题。)