Rect Native调用Android原生方法(特别篇)

开发工具:WebStorm,Android Studio(下文简称AS)

开发React Native项目个人还是比较推荐WebStorm,它的操作界面以及快捷键跟AS如出一辙,对于Android开发者来说,使用这款IDE是极好的,哈哈。

作为一个刚开始写技术文章的新手,谢谢各位的鼓励与支持。之所以取名为“特别篇”,其实主要内容不多,就是对以往两篇文章的内容进行归纳与总结,本来打算写关于Android生命周期组件的文章,但想想还是先把前几天,欠下的内容先补上,正所谓“打铁要趁热”,免得以后忘了,废话说到这,开始今天的正文。

前言:

原生应用中嵌入RN可以参考React Native官方中文文档或者参考在Android原生应用中嵌入React Native,在RN中调用Android原生方法可以参考React Native调用Android原生方法,本篇特别的地方就在于如果在Android原生应用中接入RN,RN又要调用Android原生方法,用React Native调用Android原生方法里面的方式注册并申明模块的方法是行不通的,那篇文章方法只是适用于原来项目是RN项目。

一.原生应用嵌入React Native 步骤:

1.创建RN的项目文件夹,在项目目录里创建android文件夹,并将原生Android项目代码拷入/android中;

2.在RN项目文件夹中,创建一个名为package.json的文本文件;

3.在RN项目目录位置打开终端,运行 npm install,安装RN所需的服务;

4.AS中打开/android中安卓项目,配置对于Maven以及依赖包,在AndroidManifest.xml文件中添加Internet权限,以及需要配置添加的Activity界面;

具体方法参考:在Android原生应用中嵌入React Native

二.RN调用Android原生方法 步骤:

1.创建模块:新建Java Class 让其继承ReactContextBaseJavaModule并实现里面的方法;

2.注册模块:新建Java Class 实现ReactPackage里面的方法【RN官方文档中有三个方法,最近发现只有两个了】;

3.然后将第二步创建Java Class加入到MainApplication.java文件的getPackages方法中;

4.RN中封装模块以及调用;

具体方法参考:React Native调用Android原生方法

区别:

原生Android项目引入RN界面,在RN界面调用注册好Android原生方法,创建以及注册模块方法,参考上文二步骤,但同时也要在上文步骤一的4方法中,展示React Native代码界面的onCreate()方法中,将你创建的注册模块【上文二步骤方法2】添加到ReactInstanceManager.builder()中:

        @Override
        protected void onCreate(@Nullable Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);

            mReactRootView = new ReactRootView(this);
            mReactInstanceManager = ReactInstanceManager.builder()
            .setApplication(getApplication())
            .setBundleAssetName("index.android.bundle")
            .setJSMainModuleName("index.android")
            .addPackage(new MainReactPackage())
            .addPackage(new AnExampleReactPackage())
            .setUseDeveloperSupport(BuildConfig.DEBUG)
            .setInitialLifecycleState(LifecycleState.RESUMED)
            .build();

            // 注意这里的MyReactNativeApp必须对应“index.android.js”中的
            // “AppRegistry.registerComponent()”的第一个参数
            mReactRootView.startReactApplication(mReactInstanceManager, "ReactApp", null);
            
            setContentView(mReactRootView);
        }

注:上文.addPackage(new AnExampleReactPackage())【AnExampleReactPackage()类就是实现了ReactPackage接口】,同时AnExampleReactPackage()类也要加入MainApplication.java的ReactNativeHost中:

private final ReactNativeHost mReactNativeHost = new ReactNativeHost(this) {
        @Override
        public boolean getUseDeveloperSupport() {
        return BuildConfig.DEBUG;
    }
    
    @Override
    protected List<ReactPackage> getPackages() {
        return Arrays.<ReactPackage>asList(
        new MainReactPackage(), new AnExampleReactPackage()
        );
        }
    };
    
    @Override
    public ReactNativeHost getReactNativeHost() {
        return mReactNativeHost;
    }

再AS中运行项目,你会发现AS的日志猫里会有你再RN界面的中打印的log日志【以React Native调用Android原生方法中注册的log为例子】

以上内容如有不对,欢迎留言指正,谢谢!!!

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 199,830评论 5 468
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 83,992评论 2 376
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 146,875评论 0 331
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 53,837评论 1 271
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 62,734评论 5 360
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,091评论 1 277
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,550评论 3 390
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,217评论 0 254
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,368评论 1 294
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,298评论 2 317
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,350评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,027评论 3 315
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,623评论 3 303
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,706评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,940评论 1 255
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,349评论 2 346
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 41,936评论 2 341

推荐阅读更多精彩内容