javascript - 如何避免在 native react 中嵌套导航上出现重复标题？

Question

在实现自定义侧边栏导航器时，我遇到了双标题。我尝试过 headerMode: 'none' 以及 header:null ，但没有用。以下是我的代码的一部分

<View>
        <Header>
         <Button
              transparent
              onPress={() =>this.openMenu}
            >
              <Icon 
              style= {{color: '#ffffff', fontSize: 25, paddingTop:10}}
              name="bars" />
            </Button>
        </Header>
        <TouchableOpacity onPress={() => this.props.navigation.navigate("CategoryDetail",{id:this.props.cat.term_id})}>
        {this.props.cat.term_id == '28' ? (<Text></Text>) : (

        <Card>
        .......
        ........
         .....
        ....
        ..
       </View>

嵌套导航器的代码也是

const StackScreens = StackNavigator({
    Main: {
        screen: LoginScreen,
        navigationOptions:{
            header:null,

        }
    },
    RegisterForm: {screen: RegisterForm},
    CourseListing:{screen: CourseListing,
    navigationOptions:{
        header:null,

    }
    },
    Home:{screen: HomeScreen,
    },
    EconomicNews: {screen: EconomicNews},
    EconomicDetails: {screen: EconomicDetails},
    CategoryDetail: {screen: CategoryDetail},
    DetailedView: {screen: DetailedView},
    IndividualSection: {screen: IndividualSection},
    Mcq:{screen: Mcq},
    QASection: {screen: QASection},
    ForgotPassword: {screen: ForgotPassword,
    navigationOptions:{
        header:null
    }
    }   
})

export const MyDrawer = DrawerNavigator({
   Home: {
     screen: StackScreens,

  },
  Profile: {
      screen: Profile
  },
  FAQ: {
      screen: Faq
  },
  LogOut: {
      screen: LoginScreen,
      navigationOptions: ({navigation}) => ({
           tabBarOnPress: (scene, jumpToIndex) => {

               return Alert.alert(

                   'Do you really want to logout?',
                   [
                     {text: 'Accept', onPress: () => { navigation.dispatch(NavigationActions.navigate({ routeName: 'LoginScreen' }))

                     }},

                     {text: 'Cancel'}
                    ]

               );
           },
       })
  }
});

无法弄清楚这一点。出了什么错误？请帮忙。

Answer 1

您可以隐藏嵌套 header ，将 { headerMode: 'none' } 作为嵌套 StackNavigator 中的第二个参数传递。 像这样:

const RecentNav = StackNavigator({
   RecentScreen: { screen: RecentScreen }
}, {
   headerMode: 'none'
});