Implement a StackNavigator that is nested in DrawerNavigator

Question

My root of the native-native application is DrawerNavigator. I view each main screen using a drawer. On some screens, I also have buttons that lead me to some other internal screens. For this navigation I use StackNavigator. That is - I have a StackNavigator nested inside my DrawerNavigator. But when I go to some inner screen, I have a space at the top of the application, like this one:

Any ideas on how to solve this problem?

Answer 1

Try the following:

export const StackNavigatorInit = StackNavigator({
    ScreenName: {
      drawerLabel: 'Screen Name',
      screen: ScreenName,
      navigationOptions: {
        header: null,
      },
    },
})

Run codeHide result