React-Native 原生跳转不同的RN界面的实现思路！！！

最新推荐文章于 2021-12-20 19:03:28 发布

pinapp666

最新推荐文章于 2021-12-20 19:03:28 发布

阅读量1.1k

点赞数

本文链接：https://blog.csdn.net/pinapp666/article/details/79845137

版权

本文探讨了在React-Native应用中如何实现在原生Android App中从不同的Activity跳转到不同的RN界面。通过分析ReactNativeHost和ReactActivityDelegate的代码，作者提出两种解决方案：一是创建新的ReactNativeHost实例，二是直接在index.android.js中根据传入的参数动态渲染不同页面。通过修改getLaunchOptions方法传递参数，并在JS端接收，成功实现了根据flag值加载不同页面的功能。

摘要由CSDN通过智能技术生成

最近在研究React-Native开发App，准备把RN运用到自己的毕业设计中，因为以前做过一个购物社交类的App,但是没有做完，所以就想把它完善一下作为毕业设计，而RN可以热更新，所以对于购物类app中的一些时常变化的商品介绍列表就准备用一下RN来试试了。
既然要使用RN和Native混合使用，就得考虑原生如何向RN跳转的问题了，之前做过的RN项目都是直接一个Activity进入index.android.js，渲染js界面，或者RN界面向Activity跳转，而现在需要的是从不同的Activity跳转不同的RN界面，而不是仅仅的跳转index.android.js。

于是查看Activity启动RN的代码，发现ReactNativeHost中如下代码

 protected String getJSMainModuleName() {
        return "index.android";
    }

    @Nullable
    protected String getJSBundleFile() {
        return null;
    }

    @Nullable
    protected String getBundleAssetName() {
        return "index.android.bundle