React Native 实现原生模块 实现拨打电话功能
注
Android js可用标签 IntentAndroid(0.16+)
IOS 可用 LinkingIOS
参考 API :http://react-native.cn/docs/native-modules-android.html#content
在onCreate 中
mReactInstanceManager = ReactInstanceManager.builder() .addPackage(new SpringBoardPackages())
添加模块
我们首先来创建一个原生模块。一个原生模块是一个继承了ReactContextBaseJavaModule的Java类,它可以实现一些JavaScript所需的功能。我们这里的目标是让我们可以在JavaScript里写ToastAndroid.show(‘Awesome’,ToastAndroid.SHORT);,来调起一个Toast通知。
private class @H_404_19@SpringBoard @H_404_19@extends @H_404_19@ReactContextBaseJavaModule { @H_404_19@Context @H_404_19@context; @H_404_19@public @H_404_19@SpringBoard(ReactApplicationContext reactContext) { @H_404_19@super(reactContext); } @@H_404_19@ReactMethod @H_404_19@public @H_404_19@void @H_404_19@gotoIMS(String number) { //用@H_404_19@intent启动拨打电话 @H_404_19@Intent @H_404_19@intent = @H_404_19@new @H_404_19@Intent(Intent.ACTION_CALL,Uri.parse("tel:" + number)); @H_404_19@MainActivity.@H_404_19@this.@H_404_19@startActivity(intent); } @@H_404_19@Override @H_404_19@public @H_404_19@String @H_404_19@getName() { @H_404_19@return "@H_404_19@SpringBoard"; } }
定义内部类
我们需要在你的应用的Package类的createNativeModules方法中添加这个模块。如果一个模块没有被注册,它从JavaScript中也无法访问到。
// 实现跳转功能
private class @H_404_19@SpringBoardPackages @H_404_19@implements @H_404_19@ReactPackage { @@H_404_19@Override @H_404_19@public @H_404_19@List<@H_404_19@NativeModule> @H_404_19@createNativeModules(ReactApplicationContext context) { @H_404_19@List<@H_404_19@NativeModule> @H_404_19@modules = @H_404_19@new @H_404_19@ArrayList<>(); @H_404_19@modules.@H_404_19@add(new SpringBoard(context)); @H_404_19@return @H_404_19@modules; } @@H_404_19@Override @H_404_19@public @H_404_19@List<@H_404_19@Class<? @H_404_19@extends @H_404_19@JavaScriptModule>> @H_404_19@createJSModules() { @H_404_19@return @H_404_19@Collections.@H_404_19@emptyList(); } @@H_404_19@Override @H_404_19@public @H_404_19@List<@H_404_19@ViewManager> @H_404_19@createViewManagers(ReactApplicationContext reactContext) { @H_404_19@return @H_404_19@null; } }
最后在js 中
var {
// 添加
NativeModules,} = React;
//调用模块方法
var SpringBoard = NativeModules.SpringBoard;
// 跳转到 IM 模块
SpringBoard.gotoIMS("13696891101");