Android原生页面Activity与React页面相互跳转

最新推荐文章于 2025-02-10 00:27:26 发布

Tmac_我爱特雷西

最新推荐文章于 2025-02-10 00:27:26 发布

阅读量2.9k

点赞数 1

分类专栏： React Native混合开发文章标签： android react native 混合开发页面跳转

本文链接：https://blog.youkuaiyun.com/qq_34983989/article/details/83754551

版权

这篇博客详细记录了如何在Android原生Activity与React页面之间进行跳转。首先介绍如何从Activity通过点击事件跳转到React页面，包括创建React Native项目、设置启动页、配置Manifest.xml以及处理APK运行时的资源问题。接着，讲解React如何通过原生模块调用Intent跳转回Android Activity，涉及到React与原生的通信以及Module和Package的创建。最后，提到了将React代码打包成aar供Android项目使用的方法。附带了具体示例和效果图，适合混合开发的学习者参考。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

最近需要预研一下将React 代码打个aar包供给android 项目使用，由于牵扯到页面跳转，所以首先得实现Android原生页面即Activity 跳转到React的 js页面。这里简单的记一下

一，Activity跳转到React 页面

创建一个react native 项目，这个很简单
用android studio在对应的android 中创建一个类LaunchActivity，作为我们项目的启动页，别忘了在Manifest.xml中进行配置

<activity android:name=".LaunchActivity">
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />

                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>

在LaunchActivity中随便添加一个click事件，让点击跳转到我们的MainActivity页面

button.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                Intent intent = new Intent(LaunchActivity.thi

最低0.47元/天解锁文章