安卓项目中调用react native组件，并传递参数

最新推荐文章于 2023-01-18 15:09:31 发布

邓惠子飞吧

最新推荐文章于 2023-01-18 15:09:31 发布

阅读量916

点赞数 1

分类专栏： react-native

本文链接：https://blog.youkuaiyun.com/denghuizi/article/details/86993522

版权

react-native 专栏收录该内容

4 篇文章

订阅专栏

本文介绍在ReactNative混合开发中，如何从Android原生代码向ReactNative应用传递参数，包括使用ReactInstanceManager和ReactActivity两种方式。

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

<React Native 混合开发(Android篇)>中介绍了，在RNHybridAndroid项目中使用react native组件有两种方式。

1 通过ReactInstanceManager的方式：灵活，可定制性强；
2 通过继承ReactActivity的方式：简单，可定制性差；

本节介绍如何向react native中传递参数

package com.example.dhj.rnandroid;

import android.app.Activity;
import android.content.Intent;
import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.view.KeyEvent;

import com.facebook.infer.annotation.Assertions;
import com.facebook.react.ReactInstanceManager;
import com.facebook.react.ReactRootView;
import com.facebook.react.common.LifecycleState;
import com.facebook.react.devsupport.DoubleTapReloadRecognizer;
import com.facebook.react.modules.core.DefaultHardwareBackBtnHandler;
import com.facebook.react.shell.MainReactPackage;


public class RNPageActivity extends AppCompatActivity implements DefaultHardwareBackBtnHandler {
    private ReactRootView mReactRootView;
    private ReactInstanceManager mReactInstanceManager;
    private DoubleTapReloadRecognizer mDoubleTapReloadRecognizer;
    private Boolean mDeveloperSupport = true;

    private static String moduleName;
    public static void start(Activity activity, String moduleName){
        RNPageActivity.moduleName = moduleName;
        Intent intent = new Intent(activity, RNPageActivity.class);
        activity.startActivity(intent);
    }

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);

        mReactRootView = new ReactRootView(this);
        mReactInstanceManager = ReactInstanceManager.builder()
                .setApplication(getApplication())
                .setBundleAssetName("index.android.bundle")
                .setJSMainModulePath("index")
                .addPackage(new MainReactPackage())
                .setUseDeveloperSupport(BuildConfig.DEBUG)
                .setInitialLifecycleState(LifecycleState.RESUMED)
                .build();
        // 这个"App1"名字一定要和我们在index.js中注册的名字保持一致AppRegistry.registerComponent()
        mDoubleTapReloadRecognizer = new DoubleTapReloadRecognizer();
        Bundle bundle = new Bundle();
        bundle.putString("fromtag", "B");
        bundle.putString("data2", "android传递的初始化参数");
        mReactRootView.startReactApplication(mReactInstanceManager, RNPageActivity.moduleName, bundle);

        setContentView(mReactRootView);
    }

    @Override
    public void invokeDefaultOnBackPressed() {
        super.onBackPressed();
    }

    @Override
    protected void onPause() {
        super.onPause();

        if (mReactInstanceManager != null) {
            mReactInstanceManager.onHostPause(this);
        }
    }

    @Override
    protected void onResume() {
        super.onResume();

        if (mReactInstanceManager != null) {
            mReactInstanceManager.onHostResume(this, this);
        }
    }

    @Override
    public void onBackPressed() {
        if (mReactInstanceManager != null) {
            mReactInstanceManager.onBackPressed();
        } else {
            super.onBackPressed();
        }
    }

    @Override
    protected void onDestroy() {
        super.onDestroy();

        if (mReactInstanceManager != null) {
            mReactInstanceManager.onHostDestroy(this);
        }
        if (mReactRootView != null) {
            mReactRootView.unmountReactApplication();
        }
    }

    @Override
    public boolean onKeyUp(int keyCode, KeyEvent event) {
        if (getUseDeveloperSupport()) {
            if (keyCode == KeyEvent.KEYCODE_MENU) {//Ctrl + M 打开RN开发者菜单
                mReactInstanceManager.showDevOptionsDialog();
                return true;
            }
            boolean didDoubleTapR = Assertions.assertNotNull(mDoubleTapReloadRecognizer).didDoubleTapR(keyCode, getCurrentFocus());
            if (didDoubleTapR) {//双击R 重新加载JS
                mReactInstanceManager.getDevSupportManager().handleReloadJS();
                return true;
            }
        }
        return super.onKeyUp(keyCode, event);
    }

    public boolean getUseDeveloperSupport() {
        return mReactInstanceManager!=null && mDeveloperSupport;
    }
}

package com.example.dhj.rnandroid;

import android.app.Activity;
import android.content.Intent;
import android.os.Bundle;
import android.support.annotation.Nullable;
import android.support.v4.app.FragmentActivity;

import com.facebook.react.ReactActivity;
import com.facebook.react.ReactActivityDelegate;

public class ReactPageActivity extends ReactActivity{
    private static String moduleName;
    public static void start(Activity activity, String moduleName){
        ReactPageActivity.moduleName = moduleName;
        Intent intent = new Intent(activity, ReactPageActivity.class);
        activity.startActivity(intent);
    }

    @Override
    protected String getMainComponentName() {
        return moduleName;
    }

    @Override
    protected ReactActivityDelegate createReactActivityDelegate() {
        return new MyreactDelegate(this, getMainComponentName());
    }
    class MyreactDelegate extends ReactActivityDelegate {

        public MyreactDelegate(Activity activity,    @Nullable String mainComponentName) {
            super(activity, mainComponentName);
        }
        @Nullable
        @Override
        protected Bundle getLaunchOptions() {
            Bundle bundle = new Bundle();
            bundle.putString("fromtag", "C");
            bundle.putString("data3", "android传递的初始化参数");
            return bundle;
        }
    }
}