react native js调用android原生activity

最新推荐文章于 2023-12-07 10:05:35 发布

甄世斗

最新推荐文章于 2023-12-07 10:05:35 发布

阅读量2.1k

点赞数

分类专栏： react native 文章标签： react native android activity

本文链接：https://blog.csdn.net/Zhang_junhui/article/details/75370517

版权

本文详细介绍了如何在React Native应用中从JavaScript页面跳转到自定义的Android Activity。通过创建新的Activity，定义交互方法，实现RN与Android的通信，并在JS中调用这些方法，成功实现了页面间的跳转。

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

rn编写的js页面怎样跳转到自己写的android activity中呢?只需下面简单几步

1.我们搭建好rn环境后,创建rn项目并运行到设备上(本文省略),在项目的目录下 /android/app/src/main/java/com/项目名/ 下新建一个简单的activity类

package com.untitled;
import android.app.Activity;
import android.os.Bundle;
import android.support.annotation.Nullable;

public class A extends Activity {
@Override
protected void onCreate(@Nullable Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.layout);
}
}

然后在 /android/app/src/main/res 目录下新建layout目录并创建layout.xml添加内容:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#216584">
</LinearLayout>

再在/android/app/src/main/androidmanifest中配置新建的activity,加上下面这句话即可

<activity android:name="com.untitled.A" />

(熟悉android的同学第一步按自己的喜好写就好了,只是个简单demo)

2.在android/app/src/main/java/com/项目名/ 下新建一个module类,继承reactcontextbasejavamodule,此类作用是定义rn与android的交互方法,本文以启动activity为例,还是用intent去start一个activity,参数为类名,这样js调用的时候直接传入想要启动activity的类名即可

package com.untitled;

import android.app.A