阵营原住民 - 阵营导航显示页眉和页脚的每一页

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之外，我想在所有主屏幕上显示页眉和页脚。

与我目前的代码是它的工作正常，但我不认为它是一个很好的做法，因为我宣布新路线（页眉，页脚）显示顶部栏和底部栏。我对么？

如果不是我怎么能包括页眉或页脚（它可以，如果我需要制作自定义组件）只有我的所有页面，除了登录和auth？

感谢

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