react-native - createStackNavigator 返回未定义

Question

我正在尝试将我的应用从 v2 到 v3 的 react-navigation 幻化。但是在我将导航器放入 createAppContainer 之后，它在 createNavigationContainer 中只返回“无法读取未定义的属性'路由器'”。

当我 console.log 组件输入时，它显示未定义。

如果某些屏幕导入失败，我还尝试放置一个简单的屏幕来 createStackcontainer。但问题仍然存在。

这是代码

const AppContainer = createAppContainer(AppNavigator);
class myScreen extends Component(){
  render(){
    return(
      <View>
        <Text>This is my screen</Text>
      </View>
    )
  }

}

const AppNavigator = createStackNavigator(
  {
    Screen : myScreen
  },
  {
    initialRouteName: 'Screen'
  }
  );

这是 package.json 依赖项：

"dependencies": {
    "@react-native-community/async-storage": "^1.3.3",
    "axios": "^0.18.0",
    "circular-json": "^0.5.9",
    "firebase": "^5.8.6",
    "install": "^0.12.1",
    "lodash": "^4.17.11",
    "moment": "^2.22.2",
    "npm": "^6.9.0",
    "opentok-react-native": "^0.10.1",
    "prop-types": "^15.6.2",
    "react": "^16.8.6",
    "react-native": "^0.59.9",
    "react-native-action-button": "^2.8.5",
    "react-native-calendars": "^1.30.0",
    "react-native-camera": "git+https://[e-mail]/react-native-community/react-native-camera.git",
    "react-native-charts-wrapper": "^0.5.5",
    "react-native-cli": "^2.0.1",
    "react-native-elements": "^1.1.0",
    "react-native-fcm": "^16.2.4",
    "react-native-firebase": "^5.2.3",
    "react-native-gesture-handler": "^1.3.0",
    "react-native-gifted-chat": "^0.7.2",
    "react-native-html-to-pdf": "^0.6.0",
    "react-native-i18n": "^2.0.15",
    "react-native-image-picker": "^0.27.2",
    "react-native-image-zoom-viewer": "^2.2.25",
    "react-native-invoke-app": "^1.0.4",
    "react-native-keep-awake": "^4.0.0",
    "react-native-linear-gradient": "^2.5.4",
    "react-native-mail": "^3.0.7",
    "react-native-material-dropdown": "^0.11.1",
    "react-native-modalbox": "^1.7.1",
    "react-native-navigation": "^2.22.3",
    "react-native-pdf": "^5.0.12",
    "react-native-popup-dialog": "^0.16.6",
    "react-native-push-notification": "^3.1.3",
    "react-native-reanimated": "^1.0.1",
    "react-native-sha256": "^1.3.6",
    "react-native-share": "git+https://[e-mail]/react-native-community/react-native-share.git",
    "react-native-sound": "^0.10.9",
    "react-native-star-rating": "^1.1.0",
    "react-native-vector-icons": "^6.1.0",
    "react-navigation": "^3.11.1",
    "react-redux": "^5.0.7",
    "redux": "^4.0.0",
    "redux-saga": "^0.16.2",
    "rn-fetch-blob": "^0.10.15",
    "upgrade": "^1.1.0",
    "zxcvbn": "^4.4.2"
  },
  "devDependencies": {
    "babel-jest": "23.4.2",
    "babel-preset-react-native": "^5",
    "jest": "23.4.2",
    "react-test-renderer": "16.4.1"
  },

谁能帮忙？

标签： react-nativereact-navigation

Answer 1

您是否导入了正确的课程？

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