내비게이션 내비게이션 막대의 Z- 색인

Question

화면 왼쪽에서 오른쪽으로 스 와이프 할 수있는 카드처럼 하지만 내비게이션 막대 아래에 렌더링되지만 어쨌든 색인을 다시 주문 하시겠습니까? 내 코드가 꽤 표준 적으로 설정되었으므로 논리에 따라 막대가 항상 맨 위에 표시됩니다. 그것을 Z- 색인 레이아웃 속성이 나를 위해 일

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

주위 어쨌든 생각하지 못할! 구성 요소가 다른 사람의 상단에 표시

Layout Props Description에서

Z- 색인을 제어합니다. 일반적으로 당신은 zIndex를 사용하지 않습니다. 구성 요소는 문서 트리 에서 순서대로 렌더링되므로 나중에 구성 요소가 이전 구성 요소를 그립니다. zIndex 은 애니메이션이나 사용자 정의 모달 인터페이스가있는 경우 유용 할 수 있습니다. 이 동작을 원하지 않는 경우

CSS z-index 속성처럼 작동합니다. 더 큰 숫자의 인 zIndex가 맨 위에 렌더링됩니다. 휴대 전화에서 당신의 안구로 을 가리키는 것처럼 z 방향을 생각해보십시오. 더 많은 것을 위해 https://developer.mozilla.org/en-US/docs/Web/CSS/z-index를보십시오 세부 사항.