react-native-baidu-map
使用RN版本0.44.3 xcode版本9.1
废话不多说直接上步骤
一,app项目下 yarn add react-native-baidu-map
二,将RN下node_modules/react-native-baidu-map/ios/RCTBaiduMap.xcodeproj拖进xcode项目下Libraries中

二,加入libRCTBaiduMap.a

三,继续添加依赖包,RN下node_modules/react-native-baidu-map/ios/lib/下所有的framework。


四,在Build Settings>Search Paths,
Framework search paths 添加 $(PROJECT_DIR)/../node_modules/react-native-baidu-map/ios/lib
Header search paths 添加 $(SRCROOT)/../node_modules/react-native-baidu-map/ios/RCTBaiduMap

五,添加
CoreLocation.framework、QuartzCore.framework、OpenGLES.framework、SystemConfiguration.framework、CoreGraphics.framework、CoreTelephony.framework 、Security.framework、libsqlite3.0.tbd(xcode7以前为libsqlite3.0.dylib)、libstdc++.6.0.9.tbd(xcode7以前为libstdc++.6.0.9.dylib。(添加方法和第二步一样,搜索add就行)
六,将node_modules/react-native-baidu-map/ios/lib/BaiduMapAPI_Map.framework/Resources/mapapi.bundle拖进xcode与项目同名的文件夹下。


七,申请百度地图key(已经申请的同学跳过),注意:Bundle id一定要对上,不然会出现小格子而地图不出来。

八,设置key(离成功不远啦同志们)
在AppDelegate.m中添加 #import "RCTBaiduMapViewManager.h" 和 [RCTBaiduMapViewManager initSDK:@"api key"];

我添加完之后run一下报了如下的错:

将第一个和第二个改成:#import <RCTViewManager.h> 和 #import <React/RCTConvert+CoreLocation.h>, 再build一下就OK了。

网友评论