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 时的样子属性。

Answer 1

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

使用 ^4.2.0 或 react-native-router-flux，我能够复制您上面的示例，而不会在将 hideNavBar 属性设置为 true 时出现任何组件消失的问题。因为我没有你的组件的代码，所以我使用基本的 View 和 Button 在堆栈的场景之间导航。

我已经包含了一个点心here，这样你就可以看看哪里出了问题。 :)

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

React Native + react-native-router-flux: hideNavBar makes all components disappear

react-native

react-native-router-flux