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>