RNRF - コンポーネントがNavBarの背後に隠れる

Question

コンポーネントInitは、DrawBarをDrawBarに実装した後、ナビゲーションバーの後ろに隠れています。引き出しがなければ、簡単にいくつかの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> 

私はグローバルパディングのルート上paddingTopを追加する場合は、ナビゲーションバーと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>