react native高德地图拖拽定位demo,使用webview实现
react native高德地图拖拽定位demo,使用webview实现
JavaScript 混合移动开发
共16Star
详细介绍
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
解决方案参考链接:
效果图
-
0 Star
-
78 Star
-
7 Star
-
38 Star
-
10 Star
-
46 Star
-
6 Star