React native 反应导航-底部堆栈导航器选项卡导航器中的堆栈导航器

我在react导航中遇到了一个问题-我想做的是tabNavigator中的每个页面都有我创建的标题，因此我将每个屏幕（主页、操作、设置）更改为Self-stackNavigator，并为每个页面添加了标题

问题是它只在Homestack屏幕上显示标题，而在其他屏幕上我只看到白色屏幕

堆栈

从“React”导入React；
从“react navigation”导入{createAppContainer}；
从“反应导航堆栈”导入{createStackNavigator}；
从“./屏幕/主屏幕”导入主屏幕；
从“../screens/ActionScreen”导入ActionScreen；
从“../screens/SettingsScreen”导入设置屏幕；
从“../components/AppHeader”导入AppHeader；
export const HomeStackScreen=createAppContainer（createStackNavigator({
主页：{
屏幕：主屏幕，
导航选项：{
标题：（）=>
}
}
}));
导出常量ActionStackScreen=createAppContainer（createStackNavigator({
行动：{
屏幕：ActionScreen，
导航选项：{
标题：（）=>
}
}
}));
导出常量设置StackScreen=createAppContainer（createStackNavigator({
设置：{
屏幕：设置屏幕，
导航选项：{
标题：（）=>
}
}
}));

您不能在应用程序中创建多个AppContainer。 只能有一个appcontainer

将父导航器包装在appcontainer中 他们将主页、动作和设置作为唯一的stacknavigator

流量将是 appcontainer>bottomNavigator->[homestack、actionstack、settingStatck]

这是代码

export const HomeStackScreen=createStackNavigator({
主页：{
屏幕：主屏幕，
导航选项：{
标题：（）=>
}
}
});
导出常量ActionStackScreen=createStackNavigator({
行动：{
屏幕：ActionScreen，
导航选项：{
标题：（）=>
}
}
});
导出常量设置StackScreen=createStackNavigator({
设置：{
屏幕：设置屏幕，
导航选项：{
标题：（）=>
}
}
});
//---------------
//您的底部选项卡导航器很好。