ReactNative 调用原生方法

3. JS调用android原生方法

---

3.1 引入NativeModules模块

import { NativeModules } from 'react-native';

• 1

3.2 使用Android原生方法

// 这里的ToastByAndroid即为1.创建一个原生模块中getName()方法返回的字符串 var rnToastAndroid = NativeModules.ToastByAndroid; rnToastAndroid.getPackageName();

• 1

• 2

• 3

4. 获取android返回值

---

重点：提供给js调用的原生android方法的返回类型必须是void，React Native的跨语言访问是异步进行的，所以想要给JavaScript返回一个值的唯一办法是使用回调函数或者发送事件

4.1 回调函数

4.1.1 Callback

Callback是react.bridge中的一个接口，它作为ReactMethod的一个传参，用来映射JavaScript的回调函数（function）。Callback接口只定义了一个方法invoke，invoke接受多个参数，这个参数必须是react.bridge中支持的参数

// android端代码 @ReactMethod public void tryCallBack(String name,String psw,Callback errorCallback,Callback successCallback){ try{ if(TextUtils.isEmpty(name)&&TextUtils.isEmpty(psw)){ // 失败时回调 errorCallback.invoke("user or psw is empty"); } // 成功时回调 successCallback.invoke("add user success"); }catch(IllegalViewOperationException e){ // 失败时回调 errorCallback.invoke(e.getMessage()); } }

• 1

• 2

• 3

• 4

• 5

• 6

• 7

• 8

• 9

• 10

• 11

• 12

• 13

• 14

• 15

// RN端调用代码 var rnToastAndroid = NativeModules.ToastByAndroid; rnToastAndroid.tryCallBack("luo","131",(errorCallback)=>{alert(errorCallback)},(successCallback)=>{alert(successCallback);});

• 1

• 2

• 3

4.1.2 Promises

Promise是ES6中增加的对于异步编程和回调更加友好的API，使用Promise可以更简洁，更灵活地处理回调。在react.briage中定义的Promise接口,实现了resolve和reject的方法,resolve用来处理正确处理结果的情况，reject用来处理异常的情况。

// android端代码 @ReactMethod public void tryPromise(String name, String psw, Promise promise){ try{ if(TextUtils.isEmpty(name)&&TextUtils.isEmpty(psw)){ promise.reject("0","user name or psw is empty"); } WritableMap map = Arguments.createMap(); map.putString("user_id", "success"); promise.resolve(map); }catch(IllegalViewOperationException e){ promise.reject("2",e.getMessage()); } }

• 1

• 2

• 3

• 4

• 5

• 6

• 7

• 8

• 9

• 10

• 11

• 12

• 13

• 14

// RN端调用代码 rnToastAndroid.tryPromise('luo', '131').then((map)=> { alert(map['user_id']);}, (code, message)=> { alert(message); });

• 1

• 2

• 3

• 4

• 5

5 android主动向rn发送消息

---

5.1 android端代码

---

reactContext(可以想办法到1. 创建一个原生模块中获得)

public static void sendEvent(ReactContext reactContext, String eventName, int status) { System.out.println("reactContext="+reactContext); reactContext .getJSModule(DeviceEventManagerModule.RCTDeviceEventEmitter.class) .emit(eventName,status); }

• 1

• 2

• 3

• 4

• 5

• 6

• 7

• 8

5.2 Rn端代码

---

// eventName为5.1中的eventName，reminder为5.1中的status DeviceEventEmitter.addListener(eventName, (reminder) => { console.log(reminder): });

• 1

• 2

• 3

• 4

rn调用android模版

---

const RNBridgeModule = NativeModules.RNBridgeModule; nativeLanuchApp(message) { RNBridgeModule.nativePlayVideo(message); } <TouchableOpacity onPress={() => { this.nativeLanuchApp("111"); }} > <Text > try </Text> </TouchableOpacity>

• 1

• 2

• 3

• 4

• 5
  自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数初中级Android工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则近万的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年Android移动开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点，真正体系化！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！

如果你觉得这些内容对你有帮助，可以扫码获取！！（备注：Android）

总结

这次面试问的还是还是有难度的，要求当场写代码并且运行，也是很考察面试者写代码
因为Android知识体系比较庞大和复杂的，涉及到计算机知识领域的方方面面。在这里我和身边一些朋友特意整理了一份快速进阶为Android高级工程师的系统且全面的学习资料。涵盖了Android初级——Android高级架构师进阶必备的一些学习技能。

附上：我们之前因为秋招收集的二十套一二线互联网公司Android面试真题（含BAT、小米、华为、美团、滴滴）和我自己整理Android复习笔记（包含Android基础知识点、Android扩展知识点、Android源码解析、设计模式汇总、Gradle知识点、常见算法题汇总。）

里面包含不同方向的自学编程路线、面试题集合/面经、及系列技术文章等，资源持续更新中…

《Android学习笔记总结+移动架构视频+大厂面试真题+项目实战源码》，点击传送门即可获取！

d初级——Android高级架构师进阶必备的一些学习技能。**

附上：我们之前因为秋招收集的二十套一二线互联网公司Android面试真题（含BAT、小米、华为、美团、滴滴）和我自己整理Android复习笔记（包含Android基础知识点、Android扩展知识点、Android源码解析、设计模式汇总、Gradle知识点、常见算法题汇总。）
[外链图片转存中…(img-fbN1vYen-1712294630442)]
里面包含不同方向的自学编程路线、面试题集合/面经、及系列技术文章等，资源持续更新中…

《Android学习笔记总结+移动架构视频+大厂面试真题+项目实战源码》，点击传送门即可获取！