参考文档
下文讲的非常详细,很多方法都说明了,仔细再看:
http://www.liuchungui.com/blo...
ios原生模块创建:
http://www.liuchungui.com/blo...
极光推送的实例:
https://community.jiguang.cn/...
具体操作
1、在mall下创建一个module
1) 需要切换到project目录结构,然后对着mall来进行创建。或者直接在android目录结构下,空白位置右键,new一个module出来。
找到module的位置,然后将其迁移到对应的文件夹中,并将文件夹改名为android
2) 在app/build.gradle下面,添加compile project
3) 打开新创建的module下的build.gradle,加入必须的compile project
其中,react-native是必须的,一定要有的。
然后,可以添加Module下所需的compile依赖,并添加依赖额外安装的路径(mavenCentral())
4) 在新创建的module下创建对应的java文件,包括:
1/ module文件: RNUmengAnalytics[Module] 2/ package文件:RNUmengAnalyticsPackage
其中,module文件里面初始化的代码包括:
package com.pampang.RNUmengAnalytics; import com.facebook.react.bridge.ReactApplicationContext; import com.facebook.react.bridge.ReactContextBaseJavaModule; /** * Created by PAMPANG on 2016/11/24. */ public class RNUmengAnalytics extends ReactContextBaseJavaModule { // 构造方法 public RNUmengAnalytics(ReactApplicationContext reactContext) { super(reactContext); } // 覆写getName方法,它返回一个字符串名字,在JS中我们就使用这个名字调用这个模块 @Override public String getName() { return "UmengAnalytics"; } }
package文件的初始化代码包括:
package com.pampang.RNUmengAnalytics; import com.facebook.react.ReactPackage; import com.facebook.react.bridge.JavaScriptModule; import com.facebook.react.bridge.NativeModule; import com.facebook.react.bridge.ReactApplicationContext; import com.facebook.react.uimanager.ViewManager; import java.util.Arrays; import java.util.Collections; import java.util.List; /** * Created by PAMPANG on 2016/11/24. */ public class RNUmengAnalyticsPackage implements ReactPackage { @Override public List<NativeModule> createNativeModules(ReactApplicationContext reactContext) { return Arrays.asList(new NativeModule[] { new RNUmengAnalytics(reactContext) }); } @Override public List<Class<? extends JavaScriptModule>> createJSModules() { return Collections.emptyList(); } @Override public List<ViewManager> createViewManagers(ReactApplicationContext reactContext) { return Collections.emptyList(); } }
5) 在MainApplication里添加新创建的package
6) 迁移时刻
将创建的module迁移到node_modules下,再从node_modules引入该项目。
新创建的module会出现在android/目录下。
直接将其剪切到对应的npm仓库里面去,将目录名字改为android。
在android/settings.gradle里面,引入对应的Module:
再次gradle sync,大功告成!
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。