はネイティブリアクト - こんにちは、私は私のナビゲーションのために、このパッケージを使用してい

Question

すべてのページにナビゲーションショーのヘッダーとフッターに反応：すべての

https://github.com/react-community/react-navigation

まずここに私のコードです：

export default MainNavigator = 
    StackNavigator(
     { 
      header: { 
       screen: StackNavigator({ 
        footer: { 
         screen: TabNavigator({ 
          welcome: {screen: WelcomeScreen}, 
         }, 
          { 
           tabBarPosition: 'bottom', 
           swipeEnabled: false, 
           lazy: true, 
           tabBarOptions:{ 
            style: {background: '#fff'} 
           } 
          } 
         ) 
        } 
       }), 
      }, 
      auth: {screen: AuthScreen}, 
      login: {screen: LoginScreen}, 
     }, 
     { 
      headerMode: 'none', 
     }, 
    ); 

ここに私が達成したいことがあります：authとloginを除くすべてのメイン画面にヘッダーとフッターを表示したい。

私の現在のコードでは正しく動作していますが、topBarとbottom barを表示するための新しいルート（ヘッダー、フッター）を宣言しているため、良い方法ではありません。私は正しいですか？

ログインや認証以外のすべてのページにヘッダーやフッター（カスタムコンポーネントを作成する必要がある場合は大丈夫）を含めるにはどうすればよいですか？

おかげ

Answer 1

あなたは、ヘッダーnullを渡すことによって、ヘッダーを非表示にすることができます。

export const Router = StackNavigator({ 
    auth: { 
     screen: Auth, 
     navigationOptions: ({ navigation }) => ({ header: null, }) 
    }, 
    test: { 
     screen: Test, 
     navigationOptions: ({ navigation }) => ({ header: <Text>Hi</Text> }) 
    } 
}); 

あなたはここでそれについての詳細を読むことができます：https://reactnavigation.org/docs/navigators/stack