Reactjs 反应本机错误-未定义不是一个函数（计算'；（0"reactnavigation.switchnavigator）'；）

我收到此错误：undefined不是函数（正在计算“（0\u reactnavigation.switchnavigator）”）

我正在使用以下链接构建React本机模板：

这是我的App.js文件：

import React from 'react'
import { StyleSheet, Platform, Image, Text, View } from 'react-native'
import { SwitchNavigator } from 'react-navigation'
// import the different screens
import Loading from './Loading'
import SignUp from './SignUp'
import Login from './Login'
import Main from './Main'
// create our app's navigation stack
const App = SwitchNavigator(
  {
    Loading,
    SignUp,
    Login,
    Main
  },
  {
    initialRouteName: 'Loading'
  }
)
export default App

mypackage.json文件显示：

  "dependencies": {
    "react": "16.6.3",
    "react-native": "0.58.0-rc.2",
    "react-native-firebase": "^5.2.0",
    "react-navigation": "^3.3.2"
  }

---

如果不亲自设置代码，就不能100%确定，但是看起来react navigator可能已经稍微改变了API。尝试导入并使用createSwitchNavigator（）而不是SwitchNavigator（），并在此处查看有关配置的更多文档：

编辑以将代码放在此处，这样您就不必浏览以下链接：

将导入从反应导航更改为：

import { createSwitchNavigator, createAppContainer } from 'react-navigation';

将switchNavigator构造函数调用更改为：

export default createAppContainer(createSwitchNavigator({
    Loading,
    SignUp,
    Login,
    Main
},
{
    initialRouteName: 'Loading'
}));

---

这是文档中推荐的设置，见，每个路线都是StackNavigator。我不确定你是不是这样设置的，但我只想看看这个例子，看看新部件是如何设置的。

阅读Do react navigation的文档。这里是。像这样改变

import React from 'react'
import { StyleSheet, Platform, Image, Text, View } from 'react-native'
import { createSwitchNavigator } from 'react-navigation' /////change here
// import the different screens
import Loading from './Loading'
import SignUp from './SignUp'
import Login from './Login'
import Main from './Main'
// create our app's navigation stack
const App = createSwitchNavigator ( ///////// change here
  {
    Loading,
    SignUp,
    Login,
    Main
  },
  {
    initialRouteName: 'Loading'
  }
)
export default App

---

当我改用createSwitchNavigator（）时，出现了一个新的错误-找不到变量：createSwitchNavigator您是否将其添加到从react navigation导入中？e、 g.

从“反应导航”导入{createSwitchNavigator}