ReactNative 调用原生方法，Android岗面试

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