RNRF - Компонент скрывается за NavBar

Question

Компонент Init скрывается за панелью навигации после реализации Drawer to NavBar. Без ящика я мог бы легко добавить некоторый paddingTop в компонент Route (root), и проблема будет решена.

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

Если добавить paddingTop на корень глобального дополнения, она возвращает дополнительные прокладки на обоих 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>