React native Undefined不是函数（在“…（0，_reactNavigation.StackNavigator）…”附近）

我正在做一个关于react native的天气应用的研究项目。我正在使用react navigation v4。它给出了上述错误。请任何人帮助解决这个问题

//Index.js

import React from "react";
import { AppRegistry } from 'react-native';
import App from './App';
import { name as appName } from './app.json';
import { createStore, applyMiddleware } from 'redux';
import reducer from "./reducers";
import { Provider } from 'react-redux';
import thunk from 'redux-thunk';

import { StackNavigator } from 'react-navigation';
import WeatherDetails from './screens/WeatherDetails';
import CityLists from './screens/CityLists';

const Navigation = StackNavigator({
  WeatherDetails: { screen: WeatherDetails },
  CityLists: { screen: CityLists }
});

const store = createStore(reducer, applyMiddleware(thunk));

const wrapper = () => {
  return (
    <Provider store={store}>
      <Navigation />
    </Provider>
  );
}

AppRegistry.registerComponent(appName, () => wrapper);

如中所述，您必须单独安装StackNavigator。因此，首先安装StackNavigator：

npm安装反应导航堆栈-保存

然后从react导航堆栈导入createStackNavigator：

从“反应导航堆栈”导入{createStackNavigator}； 现在，创建导航：

const Navigation=createStackNavigator{ WeatherDetails:{屏幕：WeatherDetails}， 城市列表：{屏幕：城市列表} };

---

我这样做了，并按照文档中提到的那样用AppContainer包装了导航。但这一次我发现了一个新的错误，AppContainer不是一个函数。我解决了这个问题，这是我的错误。createAppContainer来自react navigation。我从react导航堆栈导入了它。谢谢你的帮助。