2017-05-08 73 views
1

嗨,我是用這個包我的導航上:陣營原住民 - 陣營導航顯示頁眉和頁腳的每一頁

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之外,我想在所有主屏幕上顯示頁眉和頁腳。

與我目前的代碼是它的工作正常,但我不認爲它是一個很好的做法,因爲我宣佈新路線(頁眉,頁腳)顯示頂部欄和底部欄。我對麼?

如果不是我怎麼能包括頁眉或頁腳(它可以,如果我需要製作自定義組件)只有我的所有頁面,除了登錄和auth?

感謝

回答

0

您可以隱藏傳球頭球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