反应本机导航栏z-index

Question

我有类似可以左右移出屏幕的卡片， 但它们呈现在导航栏下方，是否有重新排序索引的地方？ 我的代码设置非常标准，所以通过逻辑，酒吧将永远在顶部 - 我想？想不出反正周围

renderScene(route, nav) { 
    const {globalNav} = nav.props; 
    switch (route.name) { 
     case 'settings' : 
      return <Settings />; 

     case 'feed' : 
      return <Feed />; 

     case 'matches' : 
      return <Matches />; 
    } 
} 

render() { 
    const {globalNav} = this.props; 
    return (
     <Navigator 
      renderScene={this.renderScene} 
      navigationBar={ <Navigator.NavigationBar routeMapper={NavigationBar} />} 
     /> 
    ); 
} 

see screen shot

Answer 1

的zIndex的布局属性为我工作！

从Layout Props Description

哪些组件他人的顶部显示zIndex的控件。通常， 您不使用zIndex。组件根据它们在 文档树中的顺序进行渲染，因此后面的组件会在较早的组件上绘制。 zIndex 可能是有用的，如果你有动画或自定义模态界面 你不想要这种行为。

它的工作方式与CSS z-index属性相同 - 具有较大 zIndex的组件将呈现在最上面。想想Z轴方向，就像它将 从手机指向你的眼球。请参阅 https://developer.mozilla.org/en-US/docs/Web/CSS/z-index了解更多 的详细信息。