react-native-webview-amap-demo

react native高德地图拖拽定位demo，使用webview实现。

只需要明白react native如何与webview通信，web端能实现的功能基本可以用在react native上，文档参考react native webview和高德地图JavaScript API

安装

• git clone https://github.com/z372183629/react-native-webview-amap-demo.git
• cd react-native-webview-amap-demo
• npm install

更新

• 2019-08-06 本项目RN版本升至0.57.8

注意

• 本项目只提供集成高德地图Web版本的思路，想要更好的用户体验建议使用原生去实现。
• 截止到2019-08-05，React-Native版本更新到0.60，WebView组件已经从SDK中分离成一个独立的组件react-native-webview。
• react-native-webview的通信接口发生了变化,具体请阅读WebViewAPI文档以及JS和Native通信方法

xcode10编译问题

xcode 10在编译React Native 0.57以下版本时会出现问题。

首先，在项目根目录执行下面的命令

• cd node_modules/react-native/third-party/glog-0.3.4
• ./configure

执行上面两个命令后，再次编译如果出现下面的错误

No member named '__rip' in '__darwin_arm_thread_state64'

编辑node_modules/react-native/third-party/glog-0.3.4/src/config.h
找到

/* How to access the PC from a struct ucontext */
#define PC_FROM_UCONTEXT uc_mcontext->__ss.__rip

替换成

/* How to access the PC from a struct ucontext */
#if defined(__arm__) || defined(__arm64__)
#define PC_FROM_UCONTEXT uc_mcontext->__ss.__pc
#else
#define PC_FROM_UCONTEXT uc_mcontext->__ss.__rip
#endif

解决方案参考链接:

• Problem with third-party in Xcode 10 building to iOS physical device
• react native 项目报错

效果图