2017-06-20 6 views
-1

私は現在アプリケーションを開発中です。これはReact-nativeで初めてのことです。基本的にはthis号を発行していますStack Navigation 2つのヘッダーを生成

3つのナビゲーションオプションがあります。 最初は自分のメイン画面とホーム画面です。それは持っていますheaderMode : 'none'

2番目は引き出しです。私は引き出しのヘッダーを望んでいないし、私はそれを手動で作成しました。それは持っているheaderMode : 'none'

この引き出しから、私はヘッダーがあるべきである他のページに移動しています。このページのナビゲーションオプションにはheaderMode: 'screen'があります。

ログインページからページAに移動すると、ヘッダーが表示されますが、このヘッダーには戻るボタンがありません。

最初のナビゲーションのヘッドモードをヌルから画面に変更すると、ヘッダー(完全に戻るボタンで機能します)がありますが、2番目のヘッダーもあります。私の問題を正しく伝えられなかったり、理解できなかった場合は、上記のリンクを見てください。


答えて

0

私はサブレベルのナビゲーションを削除し、Stacknavigatorsオプションから{headerMode: 'null'}を削除すると、それを理解しました。手動でheader:nullを各画面に追加しました。 コードは次のとおりです。

> const TopLevelNav = StackNavigator({ 
>    Home: { screen: HomeScreen, 
>      navigationOptions :{header: null } }, 
>    Main: { screen: MyApp,  
>      navigationOptions :{header: null } },  
>    SubNavigation : {screen: Screen1}, 
>    Screen2: {screen: Screen2}, 
>  }, 
>//{headerMode: 'none'} 
);