android与rn混合开发,RN 混合开发项目调用安卓原生解决方案

需求：安卓原生页面点击跳转纯 RN 页面，中间有指定按钮需要调用原生方法获取原生本地数据iOS：传值、调用原生方法相对比较简单方便。参照 rn 官网即可。或者直接移步https://blog.csdn.net/qq_18425273/article/details/79474659本次主要记录安卓项目和 RN混合开发调试过程和注意事项，先记录大致思路，后期再做补充，希望能帮到正在寻找解决方案的

王燕璇

468人浏览 · 2021-06-01 07:53:10

王燕璇 · 2021-06-01 07:53:10 发布

需求：安卓原生页面点击跳转纯 RN 页面，中间有指定按钮需要调用原生方法获取原生本地数据

iOS：传值、调用原生方法相对比较简单方便。参照 rn 官网即可。或者直接移步https://blog.csdn.net/qq_18425273/article/details/79474659

本次主要记录安卓项目和 RN混合开发调试过程和注意事项，先记录大致思路，后期再做补充，希望能帮到正在寻找解决方案的 Coder

使用ReactInstanceManager作为入接口，传值&方法调用

在网上找了很多文章，主要逻辑和步骤基本一致：1. 创建Module 2. 创建 Package关联 module 3. MainApplicaion 实现方法获取 Host。但是这种情况并不适合ReactInstanceManager，如果有 RN 何原生混合开发基础的同学应该知道ReactInstanceManager传值比继承ReactActivity传值更加灵活。如果使用了ReactInstanceManager无需在MainApplicaion实现任何方法和处理，只需要在ReactInstanceManager初始化的时候添加对应 Module 的 Package 即大功告成(果然阅读注释和文档非常重要)

a739c8626916

使用ReactActivity子类实现传值&方法调用

这就比较 easy 了，大部分文章也是使用这种方式实现，只不过没有说明 Activity 的实现形式

1. 创建一个新的 Java 类继承 ReactContextBaseJavaModule

2. 创建一个新的 Java 类继承 ReactPackage

3. 在MainApplication.java类中导入Package,在列表里添加新建的Package

4. RN 中引入 NativeModules 直接调用暴露的原生 API 即可

智屏生态联盟

智屏生态联盟致力于大屏生态发展，利用大屏快应用技术降低开发者开发、发布大屏应用门槛

更多推荐

taro 引用本地图片展示

import { Image } from ‘@tarojs/components’<引用标签>constructor(){super()this.state={img:require(’./case.png’)}}…

智屏生态联盟

Weex

Weex 是一个可以使用现代化的 Web 技术开发高性能原生应用的框架。快速开始高性能Weex 使用原生组件和原生模块，来最大化利用原生渲染的性能优势以及平台能力，所有的组件和模块都是可插拔、可扩展的。跨平台你可以使用同一份代码编译成不同目标文件分别在 Web、Android 和 iOS 平台上运行。原生的组件和模块在不同平台中有不同的实现，但是它们都提供了相同的...

智屏生态联盟

Taro写小程序总结

1.首先需要在『微信公众平台』注册帐号，我一直很困惑为啥，微信公众平台不能和微信开放平台整合，而且账号不能通用~https://mp.weixin.qq.com2.在微信公从平台里的->开发->服务器域名,可以配置小程序中可以访问的接口的域名3.在『成员管理』中可以添加开发者、体验者等成员。方便协作办工Taro的一些例子：1.转发在render中写&...