调用原生模块
来源:互联网 发布:运营商大数据应用案例 编辑:程序博客网 时间:2024/06/07 01:39
1.自定义模块继承ReactContextBaseJavaModule
public class XXX extends ReactContextBaseJavaModule { //构造方法 public XXX(ReactApplicationContext reactContext) { super(reactContext); } //重写getName,返回值为Js中调用的控件名称 @Override public String getName() { return "ToastAndroid"; } //返回一些常量 @Override public Map<String, Object> getConstants() { final Map<String, Object> constants = new HashMap<>(); constants.put(String, Onjrct); return constants; } //需加注解关键字ReactMethod @ReactMethod public void show(String message, int duration) { //TODO }}
2.注册模块继承ReactPackage
public class XXX implements ReactPackage { @Override public List<Class<? extends JavaScriptModule>> createJSModules() { return Collections.emptyList(); } @Override public List<ViewManager> createViewManagers(ReactApplicationContext reactContext) { return Collections.emptyList(); } @Override public List<NativeModule> createNativeModules( ReactApplicationContext reactContext) { List<NativeModule> modules = new ArrayList<>(); modules.add(new XXX(reactContext)); return modules; }
在Application中的getPackage()方法中实例化注册模块
代码如下
@Override protected List<ReactPackage> getPackages() { return Arrays.<ReactPackage>asList( new MainReactPackage(), new XXX() ); }
3.在RN中使用
import { NativeModules } from 'react-native';var xxx = NativeModules.XXX;
阅读全文
0 0
- 调用原生模块
- ReactNative调用Android原生模块
- ReactNative调用Android原生模块
- ReactNative调用Android原生模块
- React-Native 原生模块(iOS)调用
- react-native 调用原生模块详解
- React Native调用Android原生模块
- React Native 原生模块封装、发布、调用
- React Native调用原生模块--Toast
- React native 调用Android原生模块
- react-native调用Android原生模块
- React Native 原生模块封装、发布、调用 (Android)
- ReactNative(嵌入到android)调用android原生组件与原生模块(比如某个方法)
- ReactNative创建原生模块
- android 调用原生相机
- 原生H5调用摄像头
- react native使用原生模块
- React Native十四:原生模块
- SSL的交互过程
- mysql join语法解析
- MHA之masterha_master_switch
- 处理触摸事件
- .xml外部实体引用
- 调用原生模块
- Paint基本用法
- 极大似然估计的ICA模型
- Nginx 和 Appache 简单对比
- 练习49
- 微信开发:网页授权、跳转至网页
- How to enable Android ConfigFS gadgets
- L0,L1,L2范数
- Together项目IOS平台开发07