React native导入百度地图

本文详述了在React Native项目中集成百度地图的过程,包括安装库、配置Gradle文件、修改Java代码、更新AndroidManifest.xml以及解决编译问题。在集成过程中,作者遇到了权限配置、组件导入和 PropTypes 更新等挑战,并提供了完整的解决方案,最终展示了成功运行的结果。
摘要由CSDN通过智能技术生成

开源地址:https://github.com/lovebing/react-native-baidu-map   

今天在React native中导入百度地图组件遇到过许多坑,特此写一篇博客记录踩过的坑...

1、Install 安装

 

npm install react-native-baidu-map --save

 

2、在settings.gradle中添加以下内容

include ':app'
include ':react-native-baidu-map'
project(':react-native-baidu-map').projectDir = new File(settingsDir, '../node_modules/react-native-baidu-map/android')

3、在build.gradle中添加:

 

 

compile project(':react-native-baidu-map')

 

 

如下:

 

4、修改MainApplication.java 文件

添加:new BaiduMapPackage(getApplicationContext())

 

 

除此之外,别忘了将包导进来:不过一般都会自动导进来。
MainApplication


import org.lovebing.reactnative.baidumap.BaiduMapPackage;

 

5、修

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值