Guide to Integrating the New React Native Architecture into an Android Project

reactNativeArchitectures=armeabi-v7a,arm64-v8a,x86,x86_64
newArchEnabled=true
hermesEnabled=true

ndkVersion=27.1.12297006

// apply the plugin:
plugins {
  id "com.facebook.react.settings"
}

// enable auto link:
extensions.configure(com.facebook.react.ReactSettingsExtension) { ex ->
  ex.autolinkLibrariesFromCommand()
}

// include the react native gradle plugin:
includeBuild('../node_modules/@react-native/gradle-plugin')

buildscript {
    // some libs will use the ext properties, you can config it here:
    ext {
        ndkVersion = "27.1.12297006"

        compileSdkVersion = 35
        minSdkVersion = 29
        targetSdkVersion = 35
    }
    dependencies {
        classpath("com.facebook.react:react-native-gradle-plugin")
    }
}

plugins {
    // AGP version
    id "com.android.application" version "8.8.2" apply false

    // other configs ......
}

// if you encounter build errors with some third-party library test tasks, you can ignore them here. However, it's generally not recommended to do so:
gradle.startParameter.excludedTaskNames.addAll(
        gradle.startParameter.taskNames.findAll {
            it.contains("testClasses")
        }
)

class MainApplication : Application(), ReactApplication {
  override val reactNativeHost: ReactNativeHost =
    object : DefaultReactNativeHost(this) {
      override fun getPackages(): List<ReactPackage> {
        val packages = PackageList(this).packages.toMutableList()
        packages.add(AppPackage())
        return packages
      }

      override fun getJSMainModuleName(): String = "index"

      override fun getUseDeveloperSupport(): Boolean = BuildConfig.DEBUG

      override val isNewArchEnabled: Boolean = BuildConfig.IS_NEW_ARCHITECTURE_ENABLED

      override val isHermesEnabled: Boolean = BuildConfig.IS_HERMES_ENABLED
    }

  override val reactHost: ReactHost
    get() = getDefaultReactHost(applicationContext, reactNativeHost)

  override fun onCreate() {
    super.onCreate()

    SoLoader.init(this, OpenSourceMergedSoMapping)
    if (BuildConfig.IS_NEW_ARCHITECTURE_ENABLED) {
      load()
    }

    val reactInstanceManager = reactNativeHost.reactInstanceManager
    ReactInstanceManagerHolder.setReactInstanceManager(reactInstanceManager)
  }
}

val sharedPref = PreferenceManager.getDefaultSharedPreferences(this)
val editor = sharedPref.edit()
editor.remove("debug_http_host")
editor.putString("debug_http_host", "192.168.1.101:8081")
editor.apply()

override fun createReactActivityDelegate(): ReactActivityDelegate {
    override fun getMainComponentName(): String {
        // return the registered component name in your react code
    }

    return object : DefaultReactActivityDelegate(this, mainComponentName, fabricEnabled) {
        override fun getLaunchOptions(): Bundle? {
            // return your init props for the react component
        }

        override fun createRootView(): ReactRootView? {
            val rootView = super.createRootView()
            reactRootView = rootView
            return rootView
        }
    }
}