首页 > 解决方案 > React Native 错误 - 未定义不是函数(评估“(0 _reactnavigation.switchnavigator)”)

问题描述

我收到此错误:未定义不是函数(正在评估“(0 _reactnavigation.switchnavigator)”)

我正在使用此链接构建一个 React Native 模板:https ://medium.com/react-native-training/react-native-firebase-authentication-7652e1d2c8a2

这是我的 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

我的 package.json 文件显示:

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

标签: reactjsreact-native

解决方案


阅读 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

推荐阅读