react native高德地图拖拽定位demo，使用web

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 项目报错 效果图