Scenario:
After selecting the "Go To Detail" button, I would like to navigate to a new page without the bottom tab navigator.
Problem:
However, the bottom tab navigator is still there.
Possible solution:
Push the "DetailView" via the root view instead of "HomeView" stack. But how to do it?
Updated
Changed the Drawer Navigator to include DetailNavigator, however the transition is rather abrupt and it's added to drawer which is unwanted behavior:
const DrawerNavigator = createDrawerNavigator({ Home: BottomTabNavigator, Settings: SettingsNavigator, Detail: DetailNavigator });
export const DetailNavigator = createStackNavigator({ Detail: { screen: DetailScreen } });
After changing (DetailView appear abruptly):
Before changing (DetailView appear smoothly with animation):
