diff --git a/.cspell-wordlist.txt b/.cspell-wordlist.txt
index 77e4fb593..524109df0 100644
--- a/.cspell-wordlist.txt
+++ b/.cspell-wordlist.txt
@@ -95,3 +95,4 @@ Português
codegen
cstdint
ocurred
+RNFS
\ No newline at end of file
diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
index 7989ebb5d..e57ce7460 100644
--- a/.github/workflows/ci.yml
+++ b/.github/workflows/ci.yml
@@ -24,7 +24,11 @@ jobs:
run: yarn lint
- name: Typecheck files
- run: yarn typecheck
+ run: |
+ cd packages/react-native-executorch
+ yarn prepare
+ cd ../../
+ yarn typecheck
build-library:
runs-on: ubuntu-latest
diff --git a/.nvmrc b/.nvmrc
index 9a2a0e219..53d1c14db 100644
--- a/.nvmrc
+++ b/.nvmrc
@@ -1 +1 @@
-v20
+v22
diff --git a/apps/bare_rn/.bundle/config b/apps/bare_rn/.bundle/config
new file mode 100644
index 000000000..848943bb5
--- /dev/null
+++ b/apps/bare_rn/.bundle/config
@@ -0,0 +1,2 @@
+BUNDLE_PATH: "vendor/bundle"
+BUNDLE_FORCE_RUBY_PLATFORM: 1
diff --git a/apps/bare_rn/.eslintrc.js b/apps/bare_rn/.eslintrc.js
new file mode 100644
index 000000000..1d1d89f4b
--- /dev/null
+++ b/apps/bare_rn/.eslintrc.js
@@ -0,0 +1,7 @@
+module.exports = {
+ root: true,
+ extends: '@react-native',
+ parserOptions: {
+ requireConfigFile: false,
+ },
+};
diff --git a/apps/bare_rn/.gitignore b/apps/bare_rn/.gitignore
new file mode 100644
index 000000000..874daf305
--- /dev/null
+++ b/apps/bare_rn/.gitignore
@@ -0,0 +1,80 @@
+# OSX
+#
+.DS_Store
+
+# Xcode
+#
+build/
+*.pbxuser
+!default.pbxuser
+*.mode1v3
+!default.mode1v3
+*.mode2v3
+!default.mode2v3
+*.perspectivev3
+!default.perspectivev3
+xcuserdata
+*.xccheckout
+*.moved-aside
+DerivedData
+*.hmap
+*.ipa
+*.xcuserstate
+**/.xcode.env.local
+
+# Android/IntelliJ
+#
+build/
+.idea
+.gradle
+local.properties
+*.iml
+*.hprof
+.cxx/
+*.keystore
+!debug.keystore
+.kotlin/
+
+# node.js
+#
+node_modules/
+npm-debug.log
+yarn-error.log
+
+# fastlane
+#
+# It is recommended to not store the screenshots in the git repo. Instead, use fastlane to re-generate the
+# screenshots whenever they are needed.
+# For more information about the recommended setup visit:
+# https://docs.fastlane.tools/best-practices/source-control/
+
+**/fastlane/report.xml
+**/fastlane/Preview.html
+**/fastlane/screenshots
+**/fastlane/test_output
+
+# Bundle artifact
+*.jsbundle
+
+# Ruby / CocoaPods
+**/Pods/
+/vendor/bundle/
+
+# Temporary files created by Metro to check the health of the file watcher
+.metro-health-check*
+
+# testing
+/coverage
+
+# Yarn
+.yarn/*
+!.yarn/patches
+!.yarn/plugins
+!.yarn/releases
+!.yarn/sdks
+!.yarn/versions
+
+# Custom
+!/ios/
+!/android/
+/assets/ai-models/
diff --git a/apps/bare_rn/.prettierrc.js b/apps/bare_rn/.prettierrc.js
new file mode 100644
index 000000000..06860c8d1
--- /dev/null
+++ b/apps/bare_rn/.prettierrc.js
@@ -0,0 +1,5 @@
+module.exports = {
+ arrowParens: 'avoid',
+ singleQuote: true,
+ trailingComma: 'all',
+};
diff --git a/apps/bare_rn/.watchmanconfig b/apps/bare_rn/.watchmanconfig
new file mode 100644
index 000000000..0967ef424
--- /dev/null
+++ b/apps/bare_rn/.watchmanconfig
@@ -0,0 +1 @@
+{}
diff --git a/apps/bare_rn/App.tsx b/apps/bare_rn/App.tsx
new file mode 100644
index 000000000..9dc43e3fc
--- /dev/null
+++ b/apps/bare_rn/App.tsx
@@ -0,0 +1,317 @@
+import React, { useEffect, useRef, useState } from 'react';
+import {
+ ActivityIndicator,
+ Keyboard,
+ KeyboardAvoidingView,
+ Modal,
+ Platform,
+ ScrollView,
+ StyleSheet,
+ Text,
+ TextInput,
+ TouchableWithoutFeedback,
+ View,
+} from 'react-native';
+import {
+ initExecutorch,
+ useLLM,
+ LLAMA3_2_1B_SPINQUANT,
+} from 'react-native-executorch';
+import { BareResourceFetcher } from '@rn-executorch/bare-adapter';
+import { setConfig } from '@kesha-antonov/react-native-background-downloader';
+import { SafeAreaProvider, SafeAreaView } from 'react-native-safe-area-context';
+
+// Configure Background Downloader logging
+setConfig({
+ isLogsEnabled: true,
+ logCallback: log => {
+ console.log('[BackgroundDownloader]', log);
+ },
+});
+
+// Initialize Executorch with bare adapter
+initExecutorch({
+ resourceFetcher: BareResourceFetcher,
+});
+
+const ColorPalette = {
+ primary: '#001A72',
+ blueLight: '#C1C6E5',
+ blueDark: '#6676AA',
+ white: '#FFFFFF',
+ gray100: '#F5F5F5',
+ gray200: '#E0E0E0',
+};
+
+function Spinner({
+ visible,
+ textContent,
+}: {
+ visible: boolean;
+ textContent: string;
+}) {
+ return (
+
+
+
+
+ {textContent}
+
+
+
+ );
+}
+
+const spinnerStyles = StyleSheet.create({
+ overlay: {
+ flex: 1,
+ justifyContent: 'center',
+ alignItems: 'center',
+ backgroundColor: 'rgba(0, 0, 0, 0.5)',
+ },
+ container: {
+ padding: 25,
+ alignItems: 'center',
+ justifyContent: 'center',
+ },
+ text: {
+ marginTop: 15,
+ color: ColorPalette.white,
+ fontSize: 18,
+ fontWeight: 'bold',
+ },
+});
+
+function App() {
+ const [userInput, setUserInput] = useState('');
+ const [isTextInputFocused, setIsTextInputFocused] = useState(false);
+ const textInputRef = useRef(null);
+ const scrollViewRef = useRef(null);
+
+ const llm = useLLM({ model: LLAMA3_2_1B_SPINQUANT });
+ // Alternatively, to use a custom local model, uncomment below:
+ // const llm = useLLM({ model: {
+ // modelSource: require('./assets/ai-models/smolLm2/smolLm2_135M/smolLm2_135M_bf16.pte'),
+ // tokenizerSource: require('./assets/ai-models/smolLm2/tokenizer.json'),
+ // tokenizerConfigSource: require('./assets/ai-models/smolLm2/tokenizer_config.json'),
+ // } });
+
+ useEffect(() => {
+ if (llm.error) {
+ console.log('LLM error:', llm.error);
+ }
+ }, [llm.error]);
+
+ const sendMessage = async () => {
+ if (!userInput.trim()) return;
+
+ setUserInput('');
+ textInputRef.current?.clear();
+ try {
+ await llm.sendMessage(userInput);
+ } catch (e) {
+ console.error(e);
+ }
+ };
+
+ return (
+
+
+
+
+
+ {llm.messageHistory.length > 0 || llm.isGenerating ? (
+
+ scrollViewRef.current?.scrollToEnd({ animated: true })
+ }
+ keyboardShouldPersistTaps="handled"
+ >
+ {llm.messageHistory.map((message, index) => (
+
+
+ {message.content}
+
+
+ ))}
+ {llm.isGenerating && llm.response && (
+
+ {llm.response}
+
+
+ )}
+
+ ) : (
+
+
+ Hello! 👋
+
+ What can I help you with?
+
+
+
+ )}
+
+
+ setIsTextInputFocused(true)}
+ onBlur={() => setIsTextInputFocused(false)}
+ onChangeText={setUserInput}
+ value={userInput}
+ />
+ {userInput.trim() && !llm.isGenerating && (
+
+
+ Send
+
+
+ )}
+ {llm.isGenerating && (
+
+
+ Stop
+
+
+ )}
+
+
+
+
+ );
+}
+
+const styles = StyleSheet.create({
+ container: {
+ flex: 1,
+ backgroundColor: ColorPalette.white,
+ },
+ content: {
+ flex: 1,
+ },
+ chatContainer: {
+ flex: 1,
+ width: '100%',
+ },
+ chatContent: {
+ padding: 16,
+ flexGrow: 1,
+ },
+ welcomeContainer: {
+ flex: 1,
+ alignItems: 'center',
+ justifyContent: 'center',
+ padding: 20,
+ },
+ welcomeTitle: {
+ fontSize: 32,
+ fontWeight: 'bold',
+ color: ColorPalette.primary,
+ marginBottom: 12,
+ },
+ welcomeSubtitle: {
+ fontSize: 18,
+ color: ColorPalette.blueDark,
+ textAlign: 'center',
+ },
+ messageBubble: {
+ maxWidth: '80%',
+ padding: 12,
+ borderRadius: 16,
+ marginBottom: 8,
+ },
+ userMessage: {
+ alignSelf: 'flex-end',
+ backgroundColor: ColorPalette.primary,
+ },
+ aiMessage: {
+ alignSelf: 'flex-start',
+ backgroundColor: ColorPalette.gray100,
+ borderWidth: 1,
+ borderColor: ColorPalette.gray200,
+ },
+ messageText: {
+ fontSize: 15,
+ lineHeight: 20,
+ },
+ userMessageText: {
+ color: ColorPalette.white,
+ },
+ aiMessageText: {
+ color: ColorPalette.primary,
+ },
+ inputContainer: {
+ flexDirection: 'row',
+ padding: 16,
+ borderTopWidth: 1,
+ borderTopColor: ColorPalette.gray200,
+ alignItems: 'flex-end',
+ backgroundColor: ColorPalette.white,
+ },
+ textInput: {
+ flex: 1,
+ borderWidth: 1,
+ borderRadius: 20,
+ paddingHorizontal: 16,
+ paddingVertical: 10,
+ fontSize: 15,
+ color: ColorPalette.primary,
+ maxHeight: 100,
+ marginRight: 8,
+ },
+ sendButton: {
+ backgroundColor: ColorPalette.primary,
+ paddingHorizontal: 20,
+ paddingVertical: 10,
+ borderRadius: 20,
+ minWidth: 70,
+ alignItems: 'center',
+ justifyContent: 'center',
+ },
+ sendButtonText: {
+ color: ColorPalette.white,
+ fontSize: 16,
+ fontWeight: '600',
+ },
+});
+
+export default App;
diff --git a/apps/bare_rn/Gemfile b/apps/bare_rn/Gemfile
new file mode 100644
index 000000000..6a4c5f171
--- /dev/null
+++ b/apps/bare_rn/Gemfile
@@ -0,0 +1,16 @@
+source 'https://rubygems.org'
+
+# You may use http://rbenv.org/ or https://rvm.io/ to install and use this version
+ruby ">= 2.6.10"
+
+# Exclude problematic versions of cocoapods and activesupport that causes build failures.
+gem 'cocoapods', '>= 1.13', '!= 1.15.0', '!= 1.15.1'
+gem 'activesupport', '>= 6.1.7.5', '!= 7.1.0'
+gem 'xcodeproj', '< 1.26.0'
+gem 'concurrent-ruby', '< 1.3.4'
+
+# Ruby 3.4.0 has removed some libraries from the standard library.
+gem 'bigdecimal'
+gem 'logger'
+gem 'benchmark'
+gem 'mutex_m'
diff --git a/apps/bare_rn/README.md b/apps/bare_rn/README.md
new file mode 100644
index 000000000..3e2c3f850
--- /dev/null
+++ b/apps/bare_rn/README.md
@@ -0,0 +1,97 @@
+This is a new [**React Native**](https://reactnative.dev) project, bootstrapped using [`@react-native-community/cli`](https://github.com/react-native-community/cli).
+
+# Getting Started
+
+> **Note**: Make sure you have completed the [Set Up Your Environment](https://reactnative.dev/docs/set-up-your-environment) guide before proceeding.
+
+## Step 1: Start Metro
+
+First, you will need to run **Metro**, the JavaScript build tool for React Native.
+
+To start the Metro dev server, run the following command from the root of your React Native project:
+
+```sh
+# Using npm
+npm start
+
+# OR using Yarn
+yarn start
+```
+
+## Step 2: Build and run your app
+
+With Metro running, open a new terminal window/pane from the root of your React Native project, and use one of the following commands to build and run your Android or iOS app:
+
+### Android
+
+```sh
+# Using npm
+npm run android
+
+# OR using Yarn
+yarn android
+```
+
+### iOS
+
+For iOS, remember to install CocoaPods dependencies (this only needs to be run on first clone or after updating native deps).
+
+The first time you create a new project, run the Ruby bundler to install CocoaPods itself:
+
+```sh
+bundle install
+```
+
+Then, and every time you update your native dependencies, run:
+
+```sh
+bundle exec pod install
+```
+
+For more information, please visit [CocoaPods Getting Started guide](https://guides.cocoapods.org/using/getting-started.html).
+
+```sh
+# Using npm
+npm run ios
+
+# OR using Yarn
+yarn ios
+```
+
+If everything is set up correctly, you should see your new app running in the Android Emulator, iOS Simulator, or your connected device.
+
+This is one way to run your app — you can also build it directly from Android Studio or Xcode.
+
+## Step 3: Modify your app
+
+Now that you have successfully run the app, let's make changes!
+
+Open `App.tsx` in your text editor of choice and make some changes. When you save, your app will automatically update and reflect these changes — this is powered by [Fast Refresh](https://reactnative.dev/docs/fast-refresh).
+
+When you want to forcefully reload, for example to reset the state of your app, you can perform a full reload:
+
+- **Android**: Press the R key twice or select **"Reload"** from the **Dev Menu**, accessed via Ctrl + M (Windows/Linux) or Cmd ⌘ + M (macOS).
+- **iOS**: Press R in iOS Simulator.
+
+## Congratulations! :tada:
+
+You've successfully run and modified your React Native App. :partying_face:
+
+### Now what?
+
+- If you want to add this new React Native code to an existing application, check out the [Integration guide](https://reactnative.dev/docs/integration-with-existing-apps).
+- If you're curious to learn more about React Native, check out the [docs](https://reactnative.dev/docs/getting-started).
+
+# Troubleshooting
+
+If you're having issues getting the above steps to work, see the [Troubleshooting](https://reactnative.dev/docs/troubleshooting) page.
+
+# Learn More
+
+To learn more about React Native, take a look at the following resources:
+
+- [React Native Website](https://reactnative.dev) - learn more about React Native.
+- [Getting Started](https://reactnative.dev/docs/environment-setup) - an **overview** of React Native and how setup your environment.
+- [Learn the Basics](https://reactnative.dev/docs/getting-started) - a **guided tour** of the React Native **basics**.
+- [Blog](https://reactnative.dev/blog) - read the latest official React Native **Blog** posts.
+- [`@facebook/react-native`](https://github.com/facebook/react-native) - the Open Source; GitHub **repository** for React Native.
diff --git a/apps/bare_rn/__tests__/App.test.tsx b/apps/bare_rn/__tests__/App.test.tsx
new file mode 100644
index 000000000..e532f701e
--- /dev/null
+++ b/apps/bare_rn/__tests__/App.test.tsx
@@ -0,0 +1,13 @@
+/**
+ * @format
+ */
+
+import React from 'react';
+import ReactTestRenderer from 'react-test-renderer';
+import App from '../App';
+
+test('renders correctly', async () => {
+ await ReactTestRenderer.act(() => {
+ ReactTestRenderer.create();
+ });
+});
diff --git a/apps/bare_rn/android/app/build.gradle b/apps/bare_rn/android/app/build.gradle
new file mode 100644
index 000000000..ab02e7c6a
--- /dev/null
+++ b/apps/bare_rn/android/app/build.gradle
@@ -0,0 +1,121 @@
+apply plugin: "com.android.application"
+apply plugin: "org.jetbrains.kotlin.android"
+apply plugin: "com.facebook.react"
+
+/**
+ * This is the configuration block to customize your React Native Android app.
+ * By default you don't need to apply any configuration, just uncomment the lines you need.
+ */
+react {
+ /* Folders */
+ // The root of your project, i.e. where "package.json" lives. Default is '../..'
+ // root = file("../../")
+ // The folder where the react-native NPM package is. Default is ../../node_modules/react-native
+ // reactNativeDir = file("../../node_modules/react-native")
+ // The folder where the react-native Codegen package is. Default is ../../node_modules/@react-native/codegen
+ // codegenDir = file("../../node_modules/@react-native/codegen")
+ // The cli.js file which is the React Native CLI entrypoint. Default is ../../node_modules/react-native/cli.js
+ // cliFile = file("../../node_modules/react-native/cli.js")
+
+ /* Variants */
+ // The list of variants to that are debuggable. For those we're going to
+ // skip the bundling of the JS bundle and the assets. By default is just 'debug'.
+ // If you add flavors like lite, prod, etc. you'll have to list your debuggableVariants.
+ // debuggableVariants = ["liteDebug", "prodDebug"]
+
+ /* Bundling */
+ // A list containing the node command and its flags. Default is just 'node'.
+ // nodeExecutableAndArgs = ["node"]
+ //
+ // The command to run when bundling. By default is 'bundle'
+ // bundleCommand = "ram-bundle"
+ //
+ // The path to the CLI configuration file. Default is empty.
+ // bundleConfig = file(../rn-cli.config.js)
+ //
+ // The name of the generated asset file containing your JS bundle
+ // bundleAssetName = "MyApplication.android.bundle"
+ //
+ // The entry file for bundle generation. Default is 'index.android.js' or 'index.js'
+ // entryFile = file("../js/MyApplication.android.js")
+ //
+ // A list of extra flags to pass to the 'bundle' commands.
+ // See https://github.com/react-native-community/cli/blob/main/docs/commands.md#bundle
+ // extraPackagerArgs = []
+
+ /* Hermes Commands */
+ // The hermes compiler command to run. By default it is 'hermesc'
+ // hermesCommand = "$rootDir/my-custom-hermesc/bin/hermesc"
+ //
+ // The list of flags to pass to the Hermes compiler. By default is "-O", "-output-source-map"
+ // hermesFlags = ["-O", "-output-source-map"]
+
+ /* Autolinking */
+ autolinkLibrariesWithApp()
+}
+
+/**
+ * Set this to true to Run Proguard on Release builds to minify the Java bytecode.
+ */
+def enableProguardInReleaseBuilds = false
+
+/**
+ * The preferred build flavor of JavaScriptCore (JSC)
+ *
+ * For example, to use the international variant, you can use:
+ * `def jscFlavor = io.github.react-native-community:jsc-android-intl:2026004.+`
+ *
+ * The international variant includes ICU i18n library and necessary data
+ * allowing to use e.g. `Date.toLocaleString` and `String.localeCompare` that
+ * give correct results when using with locales other than en-US. Note that
+ * this variant is about 6MiB larger per architecture than default.
+ */
+def jscFlavor = 'io.github.react-native-community:jsc-android:2026004.+'
+
+android {
+ ndkVersion rootProject.ext.ndkVersion
+ buildToolsVersion rootProject.ext.buildToolsVersion
+ compileSdk rootProject.ext.compileSdkVersion
+
+ namespace "com.bare_rn"
+ defaultConfig {
+ applicationId "com.bare_rn"
+ minSdkVersion rootProject.ext.minSdkVersion
+ targetSdkVersion rootProject.ext.targetSdkVersion
+ versionCode 1
+ versionName "1.0"
+ }
+ signingConfigs {
+ debug {
+ storeFile file('debug.keystore')
+ storePassword 'android'
+ keyAlias 'androiddebugkey'
+ keyPassword 'android'
+ }
+ }
+ buildTypes {
+ debug {
+ signingConfig signingConfigs.debug
+ }
+ release {
+ // Caution! In production, you need to generate your own keystore file.
+ // see https://reactnative.dev/docs/signed-apk-android.
+ signingConfig signingConfigs.debug
+ minifyEnabled enableProguardInReleaseBuilds
+ proguardFiles getDefaultProguardFile("proguard-android.txt"), "proguard-rules.pro"
+ }
+ }
+}
+
+dependencies {
+ // MMKV for persistent state storage in background downloads
+ implementation 'com.tencent:mmkv-shared:2.2.4'
+ // The version of react-native is set by the React Native Gradle Plugin
+ implementation("com.facebook.react:react-android")
+
+ if (hermesEnabled.toBoolean()) {
+ implementation("com.facebook.react:hermes-android")
+ } else {
+ implementation jscFlavor
+ }
+}
diff --git a/apps/bare_rn/android/app/debug.keystore b/apps/bare_rn/android/app/debug.keystore
new file mode 100644
index 000000000..364e105ed
Binary files /dev/null and b/apps/bare_rn/android/app/debug.keystore differ
diff --git a/apps/bare_rn/android/app/proguard-rules.pro b/apps/bare_rn/android/app/proguard-rules.pro
new file mode 100644
index 000000000..11b025724
--- /dev/null
+++ b/apps/bare_rn/android/app/proguard-rules.pro
@@ -0,0 +1,10 @@
+# Add project specific ProGuard rules here.
+# By default, the flags in this file are appended to flags specified
+# in /usr/local/Cellar/android-sdk/24.3.3/tools/proguard/proguard-android.txt
+# You can edit the include path and order by changing the proguardFiles
+# directive in build.gradle.
+#
+# For more details, see
+# http://developer.android.com/guide/developing/tools/proguard.html
+
+# Add any project specific keep options here:
diff --git a/apps/bare_rn/android/app/src/main/AndroidManifest.xml b/apps/bare_rn/android/app/src/main/AndroidManifest.xml
new file mode 100644
index 000000000..fb78f3974
--- /dev/null
+++ b/apps/bare_rn/android/app/src/main/AndroidManifest.xml
@@ -0,0 +1,27 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/apps/bare_rn/android/app/src/main/java/com/bare_rn/MainActivity.kt b/apps/bare_rn/android/app/src/main/java/com/bare_rn/MainActivity.kt
new file mode 100644
index 000000000..cf254498e
--- /dev/null
+++ b/apps/bare_rn/android/app/src/main/java/com/bare_rn/MainActivity.kt
@@ -0,0 +1,22 @@
+package com.bare_rn
+
+import com.facebook.react.ReactActivity
+import com.facebook.react.ReactActivityDelegate
+import com.facebook.react.defaults.DefaultNewArchitectureEntryPoint.fabricEnabled
+import com.facebook.react.defaults.DefaultReactActivityDelegate
+
+class MainActivity : ReactActivity() {
+
+ /**
+ * Returns the name of the main component registered from JavaScript. This is used to schedule
+ * rendering of the component.
+ */
+ override fun getMainComponentName(): String = "bare_rn"
+
+ /**
+ * Returns the instance of the [ReactActivityDelegate]. We use [DefaultReactActivityDelegate]
+ * which allows you to enable New Architecture with a single boolean flags [fabricEnabled]
+ */
+ override fun createReactActivityDelegate(): ReactActivityDelegate =
+ DefaultReactActivityDelegate(this, mainComponentName, fabricEnabled)
+}
diff --git a/apps/bare_rn/android/app/src/main/java/com/bare_rn/MainApplication.kt b/apps/bare_rn/android/app/src/main/java/com/bare_rn/MainApplication.kt
new file mode 100644
index 000000000..8cf3d95cf
--- /dev/null
+++ b/apps/bare_rn/android/app/src/main/java/com/bare_rn/MainApplication.kt
@@ -0,0 +1,38 @@
+package com.bare_rn
+
+import android.app.Application
+import com.facebook.react.PackageList
+import com.facebook.react.ReactApplication
+import com.facebook.react.ReactHost
+import com.facebook.react.ReactNativeApplicationEntryPoint.loadReactNative
+import com.facebook.react.ReactNativeHost
+import com.facebook.react.ReactPackage
+import com.facebook.react.defaults.DefaultReactHost.getDefaultReactHost
+import com.facebook.react.defaults.DefaultReactNativeHost
+
+class MainApplication : Application(), ReactApplication {
+
+ override val reactNativeHost: ReactNativeHost =
+ object : DefaultReactNativeHost(this) {
+ override fun getPackages(): List =
+ PackageList(this).packages.apply {
+ // Packages that cannot be autolinked yet can be added manually here, for example:
+ // add(MyReactNativePackage())
+ }
+
+ 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()
+ loadReactNative(this)
+ }
+}
diff --git a/apps/bare_rn/android/app/src/main/res/drawable/rn_edit_text_material.xml b/apps/bare_rn/android/app/src/main/res/drawable/rn_edit_text_material.xml
new file mode 100644
index 000000000..5c25e728e
--- /dev/null
+++ b/apps/bare_rn/android/app/src/main/res/drawable/rn_edit_text_material.xml
@@ -0,0 +1,37 @@
+
+
+
+
+
+
+