ReactNavigation: How to disable all header/nav and view only screen in navigator?

Question

I have a recursive react navigator and I want to see a particular screen in "full screen" mode, that is without all navigators tabs.

My Navigator is:

createSwitchNavigator({
...
App: createDrawerNavigator({
  Main: createBottomTabNavigator({
    Dashboard: {
      screen: createStackNavigator({
        Dashboard: createMaterialTopTabNavigator({
          DashboardDevice: {
            screen: createStackNavigator({
              Device: dashboardDeviceScreen,
              DeviceDetail: dashboardDeviceDetailScreen,
            }, deviceStackOptions),
            navigationOptions: { title: 'DISPOSITIVI' },
          },
        }, dashboardTopOptions),
      }, dashboardStackOptions),
      navigationOptions: dashboardOptions,
    },
    ...
  }, mainBottomTabOptions),
}, drawerOptions),

When I navigate to DeviceDetail I would not like to see all navigators tab but only the screen with a backButton.

Thanks

put your DeviceDetail under Stack Navigator instead of Tab Navigator — slashsharp, Jul 23 '18 at 14:51
if I move DeviceDetail under Stack Navigator, I don't preserve a Navigation properties (example params in Stack Device, backButton etc). — Chiara Perino, Jul 23 '18 at 15:33

ReactNavigation: How to disable all header/nav and view only screen in navigator?

0 Answers0