react-native创建原生模块

最新推荐文章于 2024-09-15 22:31:42 发布

weixin_34337381

最新推荐文章于 2024-09-15 22:31:42 发布

阅读量65

点赞数

文章标签： python java

原文链接：https://my.oschina.net/droidwolf/blog/759514

版权

2019独角兽企业重金招聘Python工程师标准>>>

react-native文档未更新，照着文档实现还是坑了不少，记录下基本步骤。

1，继承ReactContextBaseJavaModule
a,getName：模块名称
b,getConstants：常量映射
c,@ReactMethod注解暴露java方法
public void show(String message, int duration) {
    Toast.makeText(getReactApplicationContext(), message, duration).show();
}
2，注册原生模块
a,提供一个ReactPackage（继承ReactPackage）
b, public List<NativeModule> createNativeModules(ReactApplicationContext reactContext) 
添加原生模块。
    public List<NativeModule> createNativeModules(ReactApplicationContext reactContext) {
        List<NativeModule> modules = new ArrayList<>(1);
        modules.add(new MyToast(reactContext));
        return modules;
    }
c,注册包(ReactPackage)
1),ReactInstanceManager.addPackage原生实现的ReactPackage;
2),ReactApplication重写getPackages.
    protected List<ReactPackage> getPackages() {
      return Arrays.<ReactPackage>asList(
          new MainReactPackage(), new MyReactPackage()
      );
    }
3，js使用
a,js引入原生模块
var { NativeModules } = require('react-native');
var MyToast = NativeModules.MyToast;
b,调用
MyToast.show('you click me!', MyToast.SHORT);

转载于:https://my.oschina.net/droidwolf/blog/759514