Скрытие заголовка для конкретного экрана внутри ящика

Question

Итак, как говорится в вопросе, я пытаюсь скрыть заголовок для определенного экрана в моем приложении.Вот код, который у меня есть:

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' , чтобы показать разные вещи, если пользователь вошел в систему или нет,Я пытаюсь скрыть заголовок для экрана ProfileScreen , который отображается на LoggedDrawer .

Может кто-нибудь помочь?Я уже попробовал «headerMode: null» и «header: false / null и т. Д.», Но безуспешно.

Любая помощь приветствуется, заранее спасибо.