隐藏抽屉内特定屏幕的标题

时间:2018-12-12 00:28:23

标签: react-native react-native-android react-navigation react-navigation-stack react-navigation-drawer

因此,正如问题所述,我试图隐藏应用程序中特定屏幕的标题。这是我的代码:

const LoggedDrawer = createDrawerNavigator(
  {
    Home: {
      screen: HomeScreen,
    },
    Profile: {
      screen: ProfileScreen,
    }
  }, {
    contentComponent: (props) => (
      <View style={{ flex: 1 }}>
        <SafeAreaView forceInset={{ top: 'always', horizontal: 'never' }}>
          <DrawerItems {...props} />
          <Button
            color='red'
            title='Logout'
            onPress={() => { props.screenProps.logoutCurrentUser(props) }}
          />
        </SafeAreaView>
      </View>
    ),
  drawerWidth: SCREEN_WIDTH * 0.6,
  }
)

const RootNavigator = createStackNavigator({
  Init: {
    screen: Init,
    navigationOptions: {
      header: null,
    },
  },
  UnloggedDrawer: { screen: UnloggedDrawer },
  LoggedDrawer: { screen: LoggedDrawer }
},
  {
    mode: 'modal',
    title: 'Main',
    initialRouteName: 'Init',
    transitionConfig: noTransitionConfig,
  }
)

我有两个抽屉'UnloggedDrawer''LoggedDrawer',用于显示用户是否登录的其他内容。 我试图隐藏 LoggedDrawer 中显示的屏幕 ProfileScreen 的标题。

有人可以帮忙吗?我已经尝试了'headerMode:null'和'header:false / null等。'。

感谢您的帮助,谢谢。

0 个答案:

没有答案