RNRF - 组件隐藏在NavBar后面

Question

在将Drawer实现到NavBar后，组件Init隐藏在导航栏后面。如果没有抽屉，我可以轻松地将一些paddingTop添加到Route（根）组件，问题就会得到解决。

<Router renderLeftButton={this.navBarButton}>
    <Scene
      key="drawer"
      component={DrawerComponent}
      open={false}
    >
      <Scene key="main" >
        <Scene key="index" component={Init} title="First page!"  />
        <Scene key="counter" component={Counter} title="Counter" />
        <Scene key="posts" component={Posts} title="Posts" />
      </Scene>
    </Scene>
  </Router>

如果我在root上添加paddingTop以进行全局填充，它会在Navbar和Coponent上返回额外的填充。

我通过向每个儿童场景添加paddingTop来获得所需的结果，但这将是忙乱的。例如 <Scene key="index" component={Init} title="First page!" sceneStyle={{paddingTop: 64}} />

Answer 1

我还没有看到一个不使用任何类型的awk '/TOTAL/ { print $5 }' > file.txt 来解决此问题的解决方案。但是，您可以将其添加到将应用于每个场景的paddingTop，而不是将样式添加到每个场景。

Router