react-native-webview-amap-demo

KO | EN

gitlite — search

#javascript #python #hacktoberfest #react #ai #typescript #llm #go #golang #android #machine-learning #rust #deep-learning #linux

react-native-webview-amap-demo

★ 20 Open GitHub ↗

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

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

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

只需要明白react native如何与webview通信，web端能实现的功能基本可以用在react native上，文档参考[react native webview](https://reactnative.cn/docs/0.47/webview.html)和[高德地图JavaScript API](https://lbs.amap.com/api/javascript-api/summary/)

## 安装

*   `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](https://github.com/react-native-community/react-native-webview)。
*   [react-native-webview](https://github.com/react-native-community/react-native-webview)的通信接口发生了变化,具体请阅读[WebViewAPI文档](https://github.com/react-native-community/react-native-webview/blob/master/docs/Reference.md)以及[JS和Native通信方法](https://github.com/react-native-community/react-native-webview/blob/master/docs/Guide.md#communicating-between-js-and-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](https://github.com/facebook/react-native/issues/19839)
*   [react native 项目报错](https://www.jianshu.com/p/cf0ec5469522)

## 效果图
![Alt Text](https://github.com/z372183629/react-native-webview-amap-demo/raw/master/images/GIF.gif)

react-native-webview-amap-demo

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README