尝试在ReactNative IOS模拟器上构建Google Map,但发生错误

时间:2019-05-15 21:56:01

标签: ios google-maps react-native frontend xcode10.1

我一直在尝试在ios React Native模拟器上构建google地图,但出现错误,指出必须将AIRrgooglemap目录添加到它具有的Xcode中。

我研究了使它工作的方法,例如此链接https://cuneyt.aliustaoglu.biz/en/using-google-maps-as-provider-in-ios-with-react-native/等,并开始在Xcode上实现和更改文件,但没有结果。以下是在React Native IOS模拟器和Xcode构建中看到的错误

反应本机IOS错误:

[React Native IOS error[1]

Xcode错误:

enter image description here

谢谢

1 个答案:

答案 0 :(得分:1)

对于您在iOS上的问题,我检查了相关文档,应该缺少一些步骤,建议您使用以下步骤:

1。npm install react-native-maps --save

2。react-native link react-native-maps

3。下载GoogleMaps库,将其复制到ios文件夹,然后如图所示在Xcode中链接框架和配置.bundle资源。

   

4。配置package.json文件。

 "scripts":{
"start": "node node_modules/react-native/local-cli/cli.js start",
"postinstall": "./node_modules/react-native-maps/enable-google-maps 'ios/GoogleMaps-3.1.0/**'", },

5.npm安装

6。在AppDelegate.m中配置代码。

7。编写本机代码。

我自己创建了一个sample项目,您可以参考v0.0.1版。