react-native开发实例之开发原生模块

2017-03-20  本文已影响22人  sleepforests

前面妹子图集app的文章
http://www.jianshu.com/p/6f2c4bec4be1
已经使用到了android的原生模块开发技术,这里对原生模块开发进行一些整理总结。

1、原生模块与RN交互的三种方式
Callback/Promise/Event

callback最简单,就是js里面的回调

@ReactMethod
    public void getNativeClass(Callback callback) {
        callback.invoke("BGNativeExampleModule");
    }

promise应该是使用最多的方式,

@ReactMethod
    public void testPromises(Boolean isResolve, Promise promise) {
        if (isResolve) {
            promise.resolve(isResolve.toString());
        } else {
            promise.reject(isResolve.toString());
        }
    }

event目前我的代码没有用到,这种case特别适合im聊天的情况

2、在原生模块里面调起UI
这种情况其实核心是native的开发了,比如我们使用系统的相册功能,通过原生模块调起新UI页面,可以参考下面的文章
https://www.oschina.net/question/2680454_2207902

3、推荐一个创建模块的工具
https://github.com/frostney/react-native-create-library

上一篇下一篇

猜你喜欢

热点阅读