Android端ReactNative环境搭建——下

这样;我们rn端的第一个页面就写好了。

• 原生环境搭建(进阶)
  首先;我们要自定义一个application;该application需要实现ReactApplication接口。

package com.example.demo;

import android.app.Application;
import android.content.Context;
import com.facebook.soloader.SoLoader;

/**
 * Created by Brett.li on 2021/9/21.
 */
public class MyReactApplication extends Application implements ReactApplication {
    ;Override
    public ReactNativeHost getReactNativeHost() {
       return new ReactNativeHost(this) {
            ;Override
            public boolean getUseDeveloperSupport() {
                return BuildConfig.DEBUG;
            }

            ;Override
            protected List<ReactPackage> getPackages() {
                return new PackageList(this).getPackages();
            }

            ;Nullable
            ;Override
            protected String getBundleAssetName() {
            //就是我们打包出来的bundle的名字;不能写错;不然就加载不到bundle
                return ;main.bundle;;//bundle的名字;默认是index.android.bundle
            }

            ;Override
            protected String getJSMainModuleName() {
                //即打包脚本中--entry-file后面的参数名。不能写错
                return ;index;;
            }
        };
    }

    ;Override
    public void onCreate() {
        super.onCreate();
        SoLoader.init(this, /* native exopackage */ false);
    }
}
//application中需要做两件事
//1.实现getReactNativeHost接口
//2.添加SoLoader.init(this, /* native exopackage */ false);这句代码

public class MainActivity extends AppCompatActivity {
    private BaseRNActivityDelegate mDelegate;

    protected BaseRNActivityDelegate createReactActivityDelegate() {
        return new BaseRNActivityDelegate(this, ;MyReactNativeApp;);//表示;我们要加载MyReactNativeApp所对应的rn控件
    }

    ;Override
    protected void onCreate(;Nullable Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        mDelegate = createReactActivityDelegate();
        mDelegate.onCreate( savedInstanceState);
    }

//ReactActivityDelegate其实就是个代理;这个类里面帮助我们做了大量的工作;我们;只要在其构造方法中传入index.js中注册的控件的键名即可调用对应的控件。至于为什么要继承ReactActivityDelegate类;是因为该类里面很多方法都是protected的;我们根本不能直接调用
    class BaseRNActivityDelegate extends ReactActivityDelegate{

        public BaseRNActivityDelegate(Activity activity, ;Nullable String mainComponentName) {
            super(activity, mainComponentName);
        }

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

<?xml version=;1.0; encoding=;utf-8;?>
<manifest xmlns:android=;http://schemas.android.com/apk/res/android;
    package=;com.example.demo;>

    <uses-permission android:name=;android.permission.INTERNET; />

    <application
        android:name=;.MyReactApplication;
        android:allowBackup=;true;
        android:icon=;;mipmap/ic_launcher;
        android:label=;;string/app_name;
        android:roundIcon=;;mipmap/ic_launcher_round;
        android:supportsRtl=;true;
        android:theme=;;style/Theme.Demo;
        android:usesCleartextTraffic=;true;>
        
        <activity android:name=;.MainActivity;
            android:exported=;true;>
            <intent-filter>
                <action android:name=;android.intent.action.MAIN; />

                <category android:name=;android.intent.category.LAUNCHER; />
            </intent-filter>
        </activity>
        <activity android:name=;com.facebook.react.devsupport.DevSettingsActivity; />
    </application>

</manifest>