RNRF - 구성 요소가 NavBar 뒤에 숨겨져 있습니다.

Question

구성 요소 Init은 Drawer to NavBar를 구현 한 후 탐색 모음 뒤에 숨어 있습니다. Drawer가 없으면 PaddingTop을 Route (루트) 구성 요소에 쉽게 추가 할 수 있으며 문제가 해결됩니다. 나는 세계 패딩 루트 paddingTop를 추가하는 경우

<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> 

, 그것은 Navbar를하고 Coponent 모두 통통함을 다시 제공합니다.

나는 각 어린이 장면에 paddingTop을 추가하여 원하는 결과를 얻지 만 정신없이 바쁠 것입니다. 예 : <Scene key="index" component={Init} title="First page!" sceneStyle={{paddingTop: 64}} />

Answer 1

이 문제를 해결하기 위해 어떤 유형의 paddingTop도 사용하지 않은 솔루션을 아직 보지 못했습니다. 그러나 각 장면에 스타일을 추가하는 대신 모든 장면에 적용 할 Router에 스타일을 추가 할 수 있습니다.

<Router renderLeftButton={this.navBarButton} sceneStyle={{ paddingTop: 65 }}> 
    <Scene /> 
    <Scene /> 
</Router>