원주민 반작용 - 모든 페이지

Question

안녕 내 탐색을위한이 패키지를 사용하고 있습니다에 탐색 쇼 머리글과 바닥 글 반응 :

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', 
     }, 
    ); 

: 모두 여기의

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

먼저 내 코드입니다 여기에 달성하고자하는 바가 있습니다 : 인증 및 로그인을 제외한 모든 기본 화면에 머리말과 꼬리말을 표시하고 싶습니다.

현재 코드가 제대로 작동하고 있지만 topBar 및 아래쪽 막대를 표시하기 위해 새 경로 (머리글, 바닥 글)를 선언 했으므로 좋은 연습이라고 생각하지 않습니다. 나 맞아?

로그인 및 승인을 제외한 모든 페이지에만 머리말이나 꼬리말 (맞춤 구성 요소를 작성해야하는 경우 괜찮음)을 어떻게 포함시킬 수 있습니까?

감사

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