Android ReactNative和Activity间互相调用

最新推荐文章于 2021-05-29 15:18:12 发布

原创最新推荐文章于 2021-05-29 15:18:12 发布 · 916 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#Android #RN #ReactNative

android 专栏收录该内容

7 篇文章

订阅专栏

本文详细介绍如何在ReactNative和Android原生Activity间进行互相调用，包括解决编译冲突、RN唤起原生Activity及Activity调用RN界面的具体实现。

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

Android ReactNative和Activity间互相调用

因为项目中需要集成ReactNative，涉及到Android 原生Activity和RN之间的交互，就需要提前做预研，写了这个测试的demo；

将ReactNative集成到现有项目参考的ReactNative官网的教程

在编译时会存在一个错误，因为RN使用的findbug和Android中的版本不一致，会报错：
Warning:Conflict with dependency 'com.google.code.findbugs:jsr305'. Resolved versions for app (3.0.1) and test app (2.0.1) differ. See http://g.co/androidstudio/app-test-app-conflict for details.

解决办法：

在项目的app根目录中build.gradle中的

android{
……
configurations.all {
    resolutionStrategy.force 'com.google.code.findbugs:jsr305:3.0.0'
}
}

ReactNative和原生互相调用
1. RN唤起原生的Activity，参考Android原生模块创建一个插件；
  在插件添加一个public void startActivityForResult(String className, ReadableMap params, Callback resultCallback)的方法，调用context.startActivityForResult启动目标Activity；
  这里需要注意重新ReactNative的onActivityResult方法：
```
@Override
protected void onActivityResult(int requestCode, int resultCode, Intent data) {
    super.onActivityResult(requestCode, resultCode, data);
    //这网上很多资料没介绍
    mReactInstanceManager.onActivityResult(this,requestCode,resultCode,data);
}
```
1. Activity调用RN中的界面，页面跳转参考react-navigator,主要是在ReactNative使用的Activity的中添加上对应的scheme、host属性；并在react-navigator的StackNavigator注册页面；

具体的实现参考demo