React Native导航中的所有Screen Bottommenu选项5

问题描述

在我的情况下，如何在特定createBottomTabNavigator中设置createStackNavigator仅在AppStackScreen中设置，而不是在React Navigation 5.0中的AuthStack中设置

const AuthStackScreen = createStackNavigator();
function AuthStack({ navigation }) {
      navigation.setOptions({ tabBarVisible: false })
      return (
            <AuthStackScreen.Navigator>

                  <AuthStackScreen.Screen
                        options={{ headerShown: false }}
                        name="Splash"
                        component={Splash} />

                  <AuthStackScreen.Screen
                        options={{ headerShown: false }}
                        name="Login"
                        component={Login} />

                  <AuthStackScreen.Screen
                        options={{ headerShown: false }}
                        name="Signup"
                        component={Signup} />

            </AuthStackScreen.Navigator>
              )
      }                 

const Stack = createStackNavigator();
export default function AppStackScreen({ navigation }) {
      return (
            <SafeAreaProvider>

                  <NavigationContainer>

                        <Stack.Navigator>

                              <Stack.Screen
                                    name={"AuthStackScreen"}
                                    component={AuthStack}
                                    options={{ headerShown: false }} />

                              <Stack.Screen
                                    options={{ headerShown: false }}
                                    name="Dashboard"
                                    component={DrawerMenu} />

                              <Stack.Screen
                                    // options={{ headerShown: true }}
                                    name="ProductCategory"
                                    component={ProductCategory} />

                        </Stack.Navigator>
                  </NavigationContainer>
            </SafeAreaProvider>
      );}

const Tab = createBottomTabNavigator();
function BootomNavigation({ navigation }) {
            return (
            
            <Tab.Navigator tabBarOptions={{
                  activeTintColor: Theme.COLOR.PRIMARY,inactiveTintColor: 'black',showLabel: false,style: { backgroundColor: Theme.COLOR.LIGHTGRAY} }}>

                  <Tab.Screen name="Feed" component={AppStackScreen}
                        options={({ route }) => ({
                              tabBarIcon: ({ color,size }) => (
                                    <AntDesign name="home" color={color} size={size} />
                              ),})} />

                  <Tab.Screen name="Search" component={SearchItem}
                        options={({ route }) => ({
                              tabBarIcon: ({ color,size }) => (
                                    <AntDesign name="search1" color={color} size={size} />
                              ),})} />

                  <Tab.Screen name="Profile" component={Profile}
                        options={({ route }) => ({
                              tabBarIcon: ({ color,size }) => (
                                    <AntDesign name="user" color={color} size={size} />
                              ),})} />

                  <Tab.Screen name="Cart" component={CartDetail}
                        options={({ route }) => ({
                              headerShown: true,tabBarIcon: ({ color,size }) => (
                                    <AntDesign name="shoppingcart" color={color} size={size} />
                              ),})} />

            </Tab.Navigator>
      )
}

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）