skip to Main Content

react-navigation 6 swipe from top to bottom closes current stack screen android 9 – React native

I have upgraded from react-navigation 5 to 6: - "@react-navigation/bottom-tabs": "^5.10.6", - "@react-navigation/material-top-tabs": "^5.3.15", - "@react-navigation/native": "^5.8.6", - "@react-navigation/routers": "^5.6.0", - "@react-navigation/stack": "^5.12.3", - "react-native-gesture-handler": "1.10.3", NEW DEPS: + "react-native-gesture-handler": "^2.7.0", + "@react-navigation/bottom-tabs": "^6.2.4", + "@react-navigation/material-top-tabs": "^6.3.0", + "@react-navigation/native": "^6.0.13",…

VIEW QUESTION

What's the correct approach for having a list/detail view with React Native Navigation Bottom Tab?

I have something like: const Tab = createBottomTabNavigator<DefaultTabbedParamList>(); const DefaultTabbedNavigation = () => { return ( <> <Tab.Navigator initialRouteName='Home' screenOptions={{ unmountOnBlur: true, }}> <Tab.Screen name="Home" component={HomeScreen} options={{ ...defaultOptions, tabBarIcon: ({ color, size, focused }) => ( <Icon as={Ionicons} name={`home${focused ?…

VIEW QUESTION
Back To Top
Search