React Native：如何在React Native v5（非v4）中将多个stackNavigators包含到抽屉式导航器中

Question

我是React Native的新手，并试图将两个stackNavigators包含在react native v5的抽屉式导航器中。我的导航器代码也在下面给出。

当我将两个stackNavigator都添加到抽屉导航器中时，它显示错误：

在v4教程视频中，有一些示例可以将stackNavigator添加到抽屉导航器中，但是找不到针对v5的任何帮助。对v5有帮助吗？

ShopNavigator.js

componentWillUnmount

Answer 1

这是您将导航器对象作为组件而不是作为堆栈的实际组件传递的问题。您必须像下面一样使用堆栈作为组件

function ShopDrawer(){
    return (
        <ShopDrawerNavigator.Navigator>
            <ShopDrawerNavigator.Screen 
                name="Products"
                component={MyProductStack}
            />
            <ShopDrawerNavigator.Screen
                name="Orders"
                component={MyOrdersStack}
            />
        </ShopDrawerNavigator.Navigator>
    );
}