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

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 и т. Д.", Но безуспешно.

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