Javascript 在SwitchNavigator中创建StackNavigator？

我有一个createSwitchNavigator，它带我通过Welcome屏幕到达主仪表板。此仪表板包含CreateBoottomTabNavigator（主页、添加图像、设置）。但是，我希望每个文件的routname标题都显示在顶部。创建AppSwitchNavigator时，它似乎不接受DashboardStackNavigator。知道为什么吗

class WelcomeScreen extends Component {} .....

class DashboardScreen extends Component{}......

class Home extends Component{}......

class AddImage extends Component{}......

class Settings extends Component{}......


//Tabs across the bottom of the screen

const DashboardTabNavigator = createBottomTabNavigator(

{

   Home, //defined in the above

   AddImage, //defined in the above

   Settings //defined in the above

},

)



const DashboardStackNavigator = createStackNavigator({

   DashboardTabNavigator: DashboardTabNavigator

})



const AppSwitchNavigator = createSwitchNavigator({

     Welcome: { screen: WelcomeScreen },

     Dashboard: { screen: DashboardStackNavigator }   

 })



const AppContainer = createAppContainer(AppSwitchNavigator);

//Export App

export default AppContainer;

---

我有一个类似的问题，结果是命名一条路线

Home

是原因。一旦我将钥匙重命名为

主屏幕

，它就工作得很好

似乎

Home

是react导航中的某种保留关键字，没有正确记录。

解决方案 为什么？

---

导航标题用于StackNavigator中。因此，在每个选项卡中使用StackNavigator组件是简单而正确的方法

这似乎返回与在AppSwitchNavigator中使用{screen:DashboardStackNavigator}时相同的错误。它返回错误，无法读取未定义的属性“State”。@chai86您需要准确地写下您收到的消息。获取错误和无法正常工作是完全不同的。为什么不先问一下错误呢？

const DashboardTabNavigator = createBottomTabNavigator(
{   
   Home: createStackNavigator({ Home }),
   AddImage: createStackNavigator({ AddImage }),
   Settings: createStackNavigator({ Settings }),
},