React-native桥接Android原生开发详解

前端之家收集整理的这篇文章主要介绍了React-native桥接Android原生开发详解前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

@H_502_0@在开发RN的漫漫长河中,早晚有那么一天要接触到安卓的原生开发,笔者来介绍一下其中的酸甜苦辣.对于一个不懂android的小白来说,刚开始有点难,不过都是万事开头难.语言是想通的,原理也是大径若一.


<p style="text-align: center">


@H_502_0@开发过程中是要集成高德的导航功能,没有找到好的轮子的,只要写原生代码,然后在用JS去调用原生的导航模块.


@H_502_0@

首先注册模块


@H_502_0@其意义在与将类注册到RN中,才能用JS去调用


<div class="jb51code">
<pre class="brush:java;">
public class AnExampleReactPackage implements ReactPackage {
@Override
public List createViewManagers(ReactApplicationContext reactContext) {
return Collections.emptyList();
}
@Override
public List createNativeModules(ReactApplicationContext reactContext) {
List modules = new ArrayList<>();

modules.add(new NaviActivity(reactContext));
return modules;

}
}

@H_502_0@其中modules.add(new NaviActivity(reactContext));意义就是添加一个安卓原生的activity模块

@H_502_0@这个模块可以定义方案,RN可以直接调用(方法上必须声明了@ReactMethod才可以)

页面名.class); currentActivity.startActivity(intent); }
@H_502_0@笔者其中的到吗是跳转到其他页面,这里也可以做一些其他的操作.例如直接去分享

@H_502_0@

声明

@H_502_0@在安卓程序的app内的MainApplication内,

getPackages() { return Arrays.asList( new MainReactPackage(),new AnExampleReactPackage() ); }
@H_502_0@加入刚刚注册过的包名

@H_502_0@

JS调用原生代码

export default NativeModules.NaviActivity;

@H_502_0@笔者这里写了一个untils/CommonAndroidUntils.js,在需要用的页面直接引入这个js文件

@H_502_0@实现跳转.

@H_502_0@

集成高德导航

@H_502_0@对于一个小白直接去在android studio内集成高德地图刚开始还是有点难度的.不过理解之后感觉还好.简单些一下遇到的问题,提醒自己,帮助他人

@H_502_0@

直接拖入的.jar语音包不能引入

@H_502_0@解决办法是右键.jar包,有将.jar引入的选项点击,等待同步即可.

@H_502_0@其余的都是些小问题,根据demo以及文档轻松解决的不值一提了.

@H_502_0@以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持编程之家。

原文链接:https://www.f2er.com/js/34150.html

猜你在找的JavaScript相关文章