ios - 如何实现 react-native-maps

Question

希望这是个愚蠢的问题，但由于我是 react-native 开发的新手，所以不知道如何摆脱这个问题。

我想在 MapView 上添加注释，看起来是 this tutorial from react-community是最好的方法。

我遵循了 this tutorial 中的指南，创建了 react-native 项目，它运行完美。

我运行这些命令来链接 react-native-maps，

npm install react-native-maps --save
react-native link

它给了我以下输出，

但是当我尝试这条线时，

import MapView from "react-native-maps";

它给了我这个错误，请在下面的屏幕截图中找到。

我从上到下尝试了每件事，清理缓存，每件事都重新启动 Metro Bundler，但还没有成功。

我搜索的这些教程都是为了在react-native中实现MapView，

1. > https://medium.com/@gurusundesh/getting-started-with-react-native-mapview-5e0bd73aa602
2. > https://codeburst.io/react-native-google-map-with-react-native-maps-572e3d3eee14
3. > https://codedaily.io/tutorials/9/Build-a-Map-with-Custom-Animated-Markers-and-Region-Focus-when-Content-is-Scrolled-in-React-Native

Answer 1

我解决这个问题已经两天了。终于得到了解决方案。

感谢this教程。

通过手动更改 package.json 中的依赖关系解决了这个问题:是:

"dependencies": {
    "react": "16.3.0-alpha.1",
    "react-native": "0.54.0",
    "react-native-maps": "0.20.1"
  },

改为

"dependencies": {
    "react": "16.0.0",
    "react-native": "0.51.0",
    "react-native-maps": "0.20.1"
  },

然后运行 ​​npm install & react-native-git-upgrade。

我的 App.js 代码在这里。

render() {
    return (
      <View style={styles.container}>
        <MapView
          provider={PROVIDER_GOOGLE}
          style={styles.map}
          region={{
            latitude: 37.78825,
            longitude: -122.4324,
            latitudeDelta: 0.015,
            longitudeDelta: 0.0121,
          }}
        ></MapView>
      </View>
    );
  }

最后我得到了这样的输出。

希望这能奏效。