I found strange error while using stack in tab when navigating to another screen got
my navigation code here this code from react-navigation version 5 also version 4 got the same error
this code is so simple I create stack navigation for every tab navigation
import { ThemeContext } from "../components/ThemeController";
const Stack = createStackNavigator();
function HomeStack() {
return (
<Stack.Navigator>
<Stack.Screen name="Home" component={HomeScreen} />
<Stack.Screen name="Post" component={SinglePost} />
</Stack.Navigator>
);
}
function BookMarkStack() {
return (
<Stack.Navigator>
<Stack.Screen name="Bookmark" component={BookMarkScreen} />
<Stack.Screen name="Post" component={SinglePost} />
</Stack.Navigator>
);
}
function SettingStack() {
return (
<Stack.Navigator>
<Stack.Screen name="Setting" component={SettingScreen} />
<Stack.Screen name="Post" component={SinglePost} />
</Stack.Navigator>
);
}
function CategorieStack() {
return (
<Stack.Navigator>
<Stack.Screen name="Categorie" component={CategorieScreen} />
<Stack.Screen name="CategorieList" component={CategorieList} />
<Stack.Screen name="Post" component={SinglePost} />
</Stack.Navigator>
);
}
const Tab = createBottomTabNavigator();
export default function DashboardTabNavigator() {
const { theme } = useContext(ThemeContext);
let paper_theme = theme ? PaperDarkTheme : PaperDefaultTheme;
let nav_theme = theme ? DarkTheme : DefaultTheme;
return (
<PaperProvider theme={paper_theme}>
<NavigationContainer theme={nav_theme}>
<Tab.Navigator>
<Tab.Screen name="Home" component={HomeStack} />
<Tab.Screen name="Categories" component={CategorieStack} />
<Tab.Screen name="Bookmark" component={BookMarkStack} />
<Tab.Screen name="Settings" component={SettingStack} />
</Tab.Navigator>
</NavigationContainer>
</PaperProvider>
I try to come across Google and Github also slack did not find any solution
thank for advance