Reactjs React Native：创建StackNavigator并将其传递给底部选项卡导航器

我试图在底部导航器选项卡项上使用新创建的导航器堆栈，以便可以使用它而不是常规屏幕

到目前为止，我创建了新的堆栈导航器：

const FavoritesNav = () => {
return(
    <FavoritesStack.Navigator
        screenOptions={{
            headerStyle: {
                backgroundColor: Colors.primaryColor,
            },
            headerTintColor: '#fff',
            headerTitleStyle: {
                fontSize: 17
            }
        }}>
        <FavoritesStack.screen
            name="Favorite"
            component={FavoritesScreen}
        />
        <FavoritesStack.screen
            name="MealDetail"
            component={MealDetailScreen}
        />
    </FavoritesStack.Navigator>
);

<MealsFavTabNavigator.Screen
                    name="Favorites"
                    component={FavoritesNav}
                    options={{
                        tabBarIcon: ({ focused, color, size }) => (
                            <Ionicons name="ios-star" size={25} color={focused ? "tomato" : "black"} />
                        )
                    }}
                />

})

---

谢谢您的帮助。

我猜您正在导入

FavoriteScreen

，但在代码中使用

FavoriteScreen

import FavoritesScreen from '../screens/FavoritesScreen';

const FavoritesNav = () => {
    <NavigationContainer>
        <FavoritesStack.Navigator
            screenOptions={{
                headerStyle: {
                    backgroundColor: Colors.primaryColor,
                },
                headerTintColor: '#fff',
                headerTitleStyle: {
                    fontSize: 17
                }
            }}>
            <FavoritesStack.screen
                name="Favorite"
                component={FavoritesScreen}
            />
            <FavoritesStack.screen
                name="MealDetail"
                component={MealDetailScreen}
            />
        </FavoritesStack.Navigator>
    </NavigationContainer>
};

从“../screens/FavoritesScreen”导入FavoritesScreen；
常数FavoritesNav=（）=>{
};

I使用您的sugestion修复了I，但它返回了此错误

navigator只能包含'Screen'组件作为其子操作（找到[object，object]）

@jonesmith您必须使用FavoriteStack.Screen而不是FavoriteStack.Screencapital@GuruparanGiritharan你就是那个人！一如既往的聪明！不客气，我想这个答案解决了你最初的问题：）

export default MealsTabNav;

import FavoritesScreen from '../screens/FavoritesScreen';

const FavoritesNav = () => {
    <NavigationContainer>
        <FavoritesStack.Navigator
            screenOptions={{
                headerStyle: {
                    backgroundColor: Colors.primaryColor,
                },
                headerTintColor: '#fff',
                headerTitleStyle: {
                    fontSize: 17
                }
            }}>
            <FavoritesStack.screen
                name="Favorite"
                component={FavoritesScreen}
            />
            <FavoritesStack.screen
                name="MealDetail"
                component={MealDetailScreen}
            />
        </FavoritesStack.Navigator>
    </NavigationContainer>
};