From d86477c0e95dca1c75c752b7bb97d558c42744f3 Mon Sep 17 00:00:00 2001
From: Kris Urbas <605420+krzysu@users.noreply.github.com>
Date: Wed, 15 May 2024 11:28:08 +0200
Subject: [PATCH] react: add lens react native template
---
.changeset/config.json | 2 +-
.vscode/settings.json | 1 +
examples/react-native-template/App.tsx | 118 +
examples/react-native-template/Gemfile | 8 +
examples/react-native-template/README.md | 79 +
.../__tests__/App.test.tsx | 17 +
examples/react-native-template/_bundle/config | 2 +
examples/react-native-template/_eslintrc.js | 4 +
examples/react-native-template/_gitignore | 74 +
examples/react-native-template/_prettierrc.js | 7 +
.../react-native-template/_watchmanconfig | 1 +
.../android/app/build.gradle | 118 +
.../android/app/debug.keystore | Bin 0 -> 2257 bytes
.../android/app/proguard-rules.pro | 10 +
.../android/app/src/debug/AndroidManifest.xml | 9 +
.../android/app/src/main/AndroidManifest.xml | 25 +
.../main/java/com/helloworld/MainActivity.kt | 22 +
.../java/com/helloworld/MainApplication.kt | 43 +
.../res/drawable/rn_edit_text_material.xml | 37 +
.../src/main/res/mipmap-hdpi/ic_launcher.png | Bin 0 -> 3056 bytes
.../res/mipmap-hdpi/ic_launcher_round.png | Bin 0 -> 5024 bytes
.../src/main/res/mipmap-mdpi/ic_launcher.png | Bin 0 -> 2096 bytes
.../res/mipmap-mdpi/ic_launcher_round.png | Bin 0 -> 2858 bytes
.../src/main/res/mipmap-xhdpi/ic_launcher.png | Bin 0 -> 4569 bytes
.../res/mipmap-xhdpi/ic_launcher_round.png | Bin 0 -> 7098 bytes
.../main/res/mipmap-xxhdpi/ic_launcher.png | Bin 0 -> 6464 bytes
.../res/mipmap-xxhdpi/ic_launcher_round.png | Bin 0 -> 10676 bytes
.../main/res/mipmap-xxxhdpi/ic_launcher.png | Bin 0 -> 9250 bytes
.../res/mipmap-xxxhdpi/ic_launcher_round.png | Bin 0 -> 15523 bytes
.../app/src/main/res/values/strings.xml | 3 +
.../app/src/main/res/values/styles.xml | 9 +
.../android/build.gradle | 21 +
.../android/gradle.properties | 41 +
.../android/gradle/wrapper/gradle-wrapper.jar | Bin 0 -> 43453 bytes
.../gradle/wrapper/gradle-wrapper.properties | 7 +
.../react-native-template/android/gradlew | 249 ++
.../react-native-template/android/gradlew.bat | 92 +
.../android/settings.gradle | 4 +
examples/react-native-template/app.json | 4 +
.../react-native-template/babel.config.js | 3 +
examples/react-native-template/index.js | 9 +
.../ios/HelloWorld.xcodeproj/project.pbxproj | 688 ++++
.../xcschemes/HelloWorld.xcscheme | 88 +
.../ios/HelloWorld/AppDelegate.h | 6 +
.../ios/HelloWorld/AppDelegate.mm | 31 +
.../AppIcon.appiconset/Contents.json | 53 +
.../HelloWorld/Images.xcassets/Contents.json | 6 +
.../ios/HelloWorld/Info.plist | 52 +
.../ios/HelloWorld/LaunchScreen.storyboard | 47 +
.../ios/HelloWorld/PrivacyInfo.xcprivacy | 38 +
.../ios/HelloWorld/main.m | 10 +
.../ios/HelloWorldTests/HelloWorldTests.m | 66 +
.../ios/HelloWorldTests/Info.plist | 24 +
examples/react-native-template/ios/Podfile | 40 +
examples/react-native-template/ios/_xcode.env | 11 +
examples/react-native-template/jest.config.js | 3 +
.../react-native-template/metro.config.js | 11 +
examples/react-native-template/package.json | 36 +
.../react-native-template/template.config.js | 14 +
examples/react-native-template/tsconfig.json | 3 +
pnpm-lock.yaml | 3453 +++++++++++++++--
pnpm-workspace.yaml | 1 +
62 files changed, 5304 insertions(+), 396 deletions(-)
create mode 100644 examples/react-native-template/App.tsx
create mode 100644 examples/react-native-template/Gemfile
create mode 100644 examples/react-native-template/README.md
create mode 100644 examples/react-native-template/__tests__/App.test.tsx
create mode 100644 examples/react-native-template/_bundle/config
create mode 100644 examples/react-native-template/_eslintrc.js
create mode 100644 examples/react-native-template/_gitignore
create mode 100644 examples/react-native-template/_prettierrc.js
create mode 100644 examples/react-native-template/_watchmanconfig
create mode 100644 examples/react-native-template/android/app/build.gradle
create mode 100644 examples/react-native-template/android/app/debug.keystore
create mode 100644 examples/react-native-template/android/app/proguard-rules.pro
create mode 100644 examples/react-native-template/android/app/src/debug/AndroidManifest.xml
create mode 100644 examples/react-native-template/android/app/src/main/AndroidManifest.xml
create mode 100644 examples/react-native-template/android/app/src/main/java/com/helloworld/MainActivity.kt
create mode 100644 examples/react-native-template/android/app/src/main/java/com/helloworld/MainApplication.kt
create mode 100644 examples/react-native-template/android/app/src/main/res/drawable/rn_edit_text_material.xml
create mode 100644 examples/react-native-template/android/app/src/main/res/mipmap-hdpi/ic_launcher.png
create mode 100644 examples/react-native-template/android/app/src/main/res/mipmap-hdpi/ic_launcher_round.png
create mode 100644 examples/react-native-template/android/app/src/main/res/mipmap-mdpi/ic_launcher.png
create mode 100644 examples/react-native-template/android/app/src/main/res/mipmap-mdpi/ic_launcher_round.png
create mode 100644 examples/react-native-template/android/app/src/main/res/mipmap-xhdpi/ic_launcher.png
create mode 100644 examples/react-native-template/android/app/src/main/res/mipmap-xhdpi/ic_launcher_round.png
create mode 100644 examples/react-native-template/android/app/src/main/res/mipmap-xxhdpi/ic_launcher.png
create mode 100644 examples/react-native-template/android/app/src/main/res/mipmap-xxhdpi/ic_launcher_round.png
create mode 100644 examples/react-native-template/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher.png
create mode 100644 examples/react-native-template/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher_round.png
create mode 100644 examples/react-native-template/android/app/src/main/res/values/strings.xml
create mode 100644 examples/react-native-template/android/app/src/main/res/values/styles.xml
create mode 100644 examples/react-native-template/android/build.gradle
create mode 100644 examples/react-native-template/android/gradle.properties
create mode 100644 examples/react-native-template/android/gradle/wrapper/gradle-wrapper.jar
create mode 100644 examples/react-native-template/android/gradle/wrapper/gradle-wrapper.properties
create mode 100755 examples/react-native-template/android/gradlew
create mode 100644 examples/react-native-template/android/gradlew.bat
create mode 100644 examples/react-native-template/android/settings.gradle
create mode 100644 examples/react-native-template/app.json
create mode 100644 examples/react-native-template/babel.config.js
create mode 100644 examples/react-native-template/index.js
create mode 100644 examples/react-native-template/ios/HelloWorld.xcodeproj/project.pbxproj
create mode 100644 examples/react-native-template/ios/HelloWorld.xcodeproj/xcshareddata/xcschemes/HelloWorld.xcscheme
create mode 100644 examples/react-native-template/ios/HelloWorld/AppDelegate.h
create mode 100644 examples/react-native-template/ios/HelloWorld/AppDelegate.mm
create mode 100644 examples/react-native-template/ios/HelloWorld/Images.xcassets/AppIcon.appiconset/Contents.json
create mode 100644 examples/react-native-template/ios/HelloWorld/Images.xcassets/Contents.json
create mode 100644 examples/react-native-template/ios/HelloWorld/Info.plist
create mode 100644 examples/react-native-template/ios/HelloWorld/LaunchScreen.storyboard
create mode 100644 examples/react-native-template/ios/HelloWorld/PrivacyInfo.xcprivacy
create mode 100644 examples/react-native-template/ios/HelloWorld/main.m
create mode 100644 examples/react-native-template/ios/HelloWorldTests/HelloWorldTests.m
create mode 100644 examples/react-native-template/ios/HelloWorldTests/Info.plist
create mode 100644 examples/react-native-template/ios/Podfile
create mode 100644 examples/react-native-template/ios/_xcode.env
create mode 100644 examples/react-native-template/jest.config.js
create mode 100644 examples/react-native-template/metro.config.js
create mode 100644 examples/react-native-template/package.json
create mode 100644 examples/react-native-template/template.config.js
create mode 100644 examples/react-native-template/tsconfig.json
diff --git a/.changeset/config.json b/.changeset/config.json
index 4d0499a859..8a09b2aa27 100644
--- a/.changeset/config.json
+++ b/.changeset/config.json
@@ -7,5 +7,5 @@
"access": "public",
"baseBranch": "develop",
"updateInternalDependencies": "patch",
- "ignore": ["example-*", "lens-next-app"]
+ "ignore": ["example-*", "lens-next-app", "react-native-template"]
}
diff --git a/.vscode/settings.json b/.vscode/settings.json
index e9226b8c8f..e68d6f376f 100644
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@@ -3,6 +3,7 @@
"examples/lens-next-app",
"examples/node",
"examples/react-native",
+ "examples/react-native-template",
"examples/shared",
"examples/web",
"packages/api-bindings",
diff --git a/examples/react-native-template/App.tsx b/examples/react-native-template/App.tsx
new file mode 100644
index 0000000000..125fe1b98e
--- /dev/null
+++ b/examples/react-native-template/App.tsx
@@ -0,0 +1,118 @@
+/**
+ * Sample React Native App
+ * https://github.com/facebook/react-native
+ *
+ * @format
+ */
+
+import React from 'react';
+import type {PropsWithChildren} from 'react';
+import {
+ SafeAreaView,
+ ScrollView,
+ StatusBar,
+ StyleSheet,
+ Text,
+ useColorScheme,
+ View,
+} from 'react-native';
+
+import {
+ Colors,
+ DebugInstructions,
+ Header,
+ LearnMoreLinks,
+ ReloadInstructions,
+} from 'react-native/Libraries/NewAppScreen';
+
+type SectionProps = PropsWithChildren<{
+ title: string;
+}>;
+
+function Section({children, title}: SectionProps): React.JSX.Element {
+ const isDarkMode = useColorScheme() === 'dark';
+ return (
+
+
+ {title}
+
+
+ {children}
+
+
+ );
+}
+
+function App(): React.JSX.Element {
+ const isDarkMode = useColorScheme() === 'dark';
+
+ const backgroundStyle = {
+ backgroundColor: isDarkMode ? Colors.darker : Colors.lighter,
+ };
+
+ return (
+
+
+
+
+
+
+ Edit App.tsx to change this
+ screen and then come back to see your edits.
+
+
+
+
+ Read the docs to discover what to do next:
+
+
+
+
+
+ );
+}
+
+const styles = StyleSheet.create({
+ sectionContainer: {
+ marginTop: 32,
+ paddingHorizontal: 24,
+ },
+ sectionTitle: {
+ fontSize: 24,
+ fontWeight: '600',
+ },
+ sectionDescription: {
+ marginTop: 8,
+ fontSize: 18,
+ fontWeight: '400',
+ },
+ highlight: {
+ fontWeight: '700',
+ },
+});
+
+export default App;
diff --git a/examples/react-native-template/Gemfile b/examples/react-native-template/Gemfile
new file mode 100644
index 0000000000..2a7ce357c5
--- /dev/null
+++ b/examples/react-native-template/Gemfile
@@ -0,0 +1,8 @@
+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'
diff --git a/examples/react-native-template/README.md b/examples/react-native-template/README.md
new file mode 100644
index 0000000000..12470c30ec
--- /dev/null
+++ b/examples/react-native-template/README.md
@@ -0,0 +1,79 @@
+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 [React Native - Environment Setup](https://reactnative.dev/docs/environment-setup) instructions till "Creating a new application" step, before proceeding.
+
+## Step 1: Start the Metro Server
+
+First, you will need to start **Metro**, the JavaScript _bundler_ that ships _with_ React Native.
+
+To start Metro, run the following command from the _root_ of your React Native project:
+
+```bash
+# using npm
+npm start
+
+# OR using Yarn
+yarn start
+```
+
+## Step 2: Start your Application
+
+Let Metro Bundler run in its _own_ terminal. Open a _new_ terminal from the _root_ of your React Native project. Run the following command to start your _Android_ or _iOS_ app:
+
+### For Android
+
+```bash
+# using npm
+npm run android
+
+# OR using Yarn
+yarn android
+```
+
+### For iOS
+
+```bash
+# using npm
+npm run ios
+
+# OR using Yarn
+yarn ios
+```
+
+If everything is set up _correctly_, you should see your new app running in your _Android Emulator_ or _iOS Simulator_ shortly provided you have set up your emulator/simulator correctly.
+
+This is one way to run your app — you can also run it directly from within Android Studio and Xcode respectively.
+
+## Step 3: Modifying your App
+
+Now that you have successfully run the app, let's modify it.
+
+1. Open `App.tsx` in your text editor of choice and edit some lines.
+2. For **Android**: Press the R key twice or select **"Reload"** from the **Developer Menu** (Ctrl + M (on Window and Linux) or Cmd ⌘ + M (on macOS)) to see your changes!
+
+ For **iOS**: Hit Cmd ⌘ + R in your iOS Simulator to reload the app and see your changes!
+
+## 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 [Introduction to React Native](https://reactnative.dev/docs/getting-started).
+
+# Troubleshooting
+
+If you can't get this 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/examples/react-native-template/__tests__/App.test.tsx b/examples/react-native-template/__tests__/App.test.tsx
new file mode 100644
index 0000000000..9eac6fbc87
--- /dev/null
+++ b/examples/react-native-template/__tests__/App.test.tsx
@@ -0,0 +1,17 @@
+/**
+ * @format
+ */
+
+import 'react-native';
+import React from 'react';
+import App from '../App';
+
+// Note: import explicitly to use the types shipped with jest.
+import {it} from '@jest/globals';
+
+// Note: test renderer must be required after react-native.
+import renderer from 'react-test-renderer';
+
+it('renders correctly', () => {
+ renderer.create();
+});
diff --git a/examples/react-native-template/_bundle/config b/examples/react-native-template/_bundle/config
new file mode 100644
index 0000000000..848943bb52
--- /dev/null
+++ b/examples/react-native-template/_bundle/config
@@ -0,0 +1,2 @@
+BUNDLE_PATH: "vendor/bundle"
+BUNDLE_FORCE_RUBY_PLATFORM: 1
diff --git a/examples/react-native-template/_eslintrc.js b/examples/react-native-template/_eslintrc.js
new file mode 100644
index 0000000000..187894b6af
--- /dev/null
+++ b/examples/react-native-template/_eslintrc.js
@@ -0,0 +1,4 @@
+module.exports = {
+ root: true,
+ extends: '@react-native',
+};
diff --git a/examples/react-native-template/_gitignore b/examples/react-native-template/_gitignore
new file mode 100644
index 0000000000..d5ae456695
--- /dev/null
+++ b/examples/react-native-template/_gitignore
@@ -0,0 +1,74 @@
+# 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
+
+# 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
diff --git a/examples/react-native-template/_prettierrc.js b/examples/react-native-template/_prettierrc.js
new file mode 100644
index 0000000000..2b540746a7
--- /dev/null
+++ b/examples/react-native-template/_prettierrc.js
@@ -0,0 +1,7 @@
+module.exports = {
+ arrowParens: 'avoid',
+ bracketSameLine: true,
+ bracketSpacing: false,
+ singleQuote: true,
+ trailingComma: 'all',
+};
diff --git a/examples/react-native-template/_watchmanconfig b/examples/react-native-template/_watchmanconfig
new file mode 100644
index 0000000000..0967ef424b
--- /dev/null
+++ b/examples/react-native-template/_watchmanconfig
@@ -0,0 +1 @@
+{}
diff --git a/examples/react-native-template/android/app/build.gradle b/examples/react-native-template/android/app/build.gradle
new file mode 100644
index 0000000000..d57c2176fb
--- /dev/null
+++ b/examples/react-native-template/android/app/build.gradle
@@ -0,0 +1,118 @@
+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"]
+}
+
+/**
+ * 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 = 'org.webkit:android-jsc-intl:+'`
+ *
+ * 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 = 'org.webkit:android-jsc:+'
+
+android {
+ ndkVersion rootProject.ext.ndkVersion
+ buildToolsVersion rootProject.ext.buildToolsVersion
+ compileSdk rootProject.ext.compileSdkVersion
+
+ namespace "com.helloworld"
+ defaultConfig {
+ applicationId "com.helloworld"
+ 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 {
+ // 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
+ }
+}
+
+apply from: file("../../node_modules/@react-native-community/cli-platform-android/native_modules.gradle"); applyNativeModulesAppBuildGradle(project)
diff --git a/examples/react-native-template/android/app/debug.keystore b/examples/react-native-template/android/app/debug.keystore
new file mode 100644
index 0000000000000000000000000000000000000000..364e105ed39fbfd62001429a68140672b06ec0de
GIT binary patch
literal 2257
zcmchYXEfYt8;7T1^dLH$VOTZ%2NOdOH5j5LYLtZ0q7x-V8_6gU5)#7dkq{HTmsfNq
zB3ZqcAxeY^G10@?efK?Q&)M(qInVv!xjx+IKEL}p*K@LYvIzo#AZG>st5|P)KF1_Z;y){W{<7K{nl!CPuE
z_^(!C(Ol0n8
zK13*rzAtW>(wULKPRYLd7G18F8#1P`V*9`(Poj26eOXYyBVZPno~Cvvhx7vPjAuZo
zF?VD!zB~QG(!zbw#qsxT8%BSpqMZ4f70ZPn-3y$L8{EVbbN9$H`B&Z1quk9tgp5FM
zuxp3pJ0b8u|3+#5bkJ4SRnCF2l7#DyLYXYY8*?OuAwK4E6J{0N=O3QNVzQ$L#FKkR
zi-c@&!nDvezOV$i$Lr}iF$XEcwnybQ6WZrMKuw8gCL^U#D;q3t&HpTbqyD%vG=TeDlzCT~MXUPC|Leb-Uk+
z=vnMd(|>ld?Fh>V8poP;q;;nc@en$|rnP0ytzD&fFkCeUE^kG9Kx4wUh!!rpjwKDP
zyw_e|a^x_w3E
zP}}@$g>*LLJ4i0`Gx)qltL}@;mDv}D*xR^oeWcWdPkW@Uu)B^X&4W1$p6}ze!zudJ
zyiLg@uggoMIArBr*27EZV7djDg@W1MaL+rcZ-lrANJQ%%>u8)ZMWU@R2qtnmG(acP
z0d_^!t>}5W
zpT`*2NR+0+SpTHb+6Js4b;%LJB;B_-ChhnU5py}iJtku*hm5F0!iql8Hrpcy1aYbT
z1*dKC5ua6pMX@@iONI?Hpr%h;&YaXp9n!ND7-=a%BD7v&g
zOO41M6EbE24mJ#S$Ui0-brR5ML%@|ndz^)YLMMV1atna{Fw<;TF@>d&F|!Z>8eg>>hkFrV)W+uv=`^F9^e
zzzM2*oOjT9%gLoub%(R57p-`TXFe#oh1_{&N-YN
z<}artH|m=d8TQuKSWE)Z%puU|g|^^NFwC#N=@dPhasyYjoy(fdEVfKR@cXKHZV-`06HsP`|Ftx;8(YD$fFXumLWbGnu$GMqRncXYY9mwz9$ap
zQtfZB^_BeNYITh^hA7+(XNFox5WMeG_LtJ%*Q}$8VKDI_p8^pqX)}NMb`0e|wgF7D
zuQACY_Ua<1ri{;Jwt@_1sW9zzdgnyh_O#8y+C;LcZq6=4e^cs6KvmK@$vVpKFGbQ=
z$)Eux5C|Fx;Gtmv9^#Y-g@7Rt7*eLp5n!gJmn7&B_L$G?NCN`AP>cXQEz}%F%K;vUs{+l4Q{}eWW;ATe2
zqvXzxoIDy(u;F2q1JH7Sf;{jy_j})F+cKlIOmNfjBGHoG^CN
zM|Ho&&X|L-36f}Q-obEACz`sI%2f&k>z5c$2TyTSj~vmO)BW~+N^kt`Jt@R|s!){H
ze1_eCrlNaPkJQhL$WG&iRvF*YG=gXd1IyYQ9ew|iYn7r~g!wOnw;@n42>enAxBv*A
zEmV*N#sxdicyNM=A4|yaOC5MByts}s_Hpfj|y<6G=o=!3S@eIFKDdpR7|FY>L&Wat&oW&cm&X~
z5Bt>Fcq(fgnvlvLSYg&o6>&fY`ODg4`V^lWWD=%oJ#Kbad2u~!
zLECFS*??>|vDsNR&pH=Ze0Eo`sC_G`OjoEKVHY|wmwlX&(XBE<@sx3Hd^gtd-fNwUHsylg06p`U2y_={u}Bc
+
+
+
+
diff --git a/examples/react-native-template/android/app/src/main/AndroidManifest.xml b/examples/react-native-template/android/app/src/main/AndroidManifest.xml
new file mode 100644
index 0000000000..4122f36a59
--- /dev/null
+++ b/examples/react-native-template/android/app/src/main/AndroidManifest.xml
@@ -0,0 +1,25 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/examples/react-native-template/android/app/src/main/java/com/helloworld/MainActivity.kt b/examples/react-native-template/android/app/src/main/java/com/helloworld/MainActivity.kt
new file mode 100644
index 0000000000..d7a3dee1a8
--- /dev/null
+++ b/examples/react-native-template/android/app/src/main/java/com/helloworld/MainActivity.kt
@@ -0,0 +1,22 @@
+package com.helloworld
+
+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 = "HelloWorld"
+
+ /**
+ * 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/examples/react-native-template/android/app/src/main/java/com/helloworld/MainApplication.kt b/examples/react-native-template/android/app/src/main/java/com/helloworld/MainApplication.kt
new file mode 100644
index 0000000000..cdcd0d3321
--- /dev/null
+++ b/examples/react-native-template/android/app/src/main/java/com/helloworld/MainApplication.kt
@@ -0,0 +1,43 @@
+package com.helloworld
+
+import android.app.Application
+import com.facebook.react.PackageList
+import com.facebook.react.ReactApplication
+import com.facebook.react.ReactHost
+import com.facebook.react.ReactNativeHost
+import com.facebook.react.ReactPackage
+import com.facebook.react.defaults.DefaultNewArchitectureEntryPoint.load
+import com.facebook.react.defaults.DefaultReactHost.getDefaultReactHost
+import com.facebook.react.defaults.DefaultReactNativeHost
+import com.facebook.soloader.SoLoader
+
+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()
+ SoLoader.init(this, false)
+ if (BuildConfig.IS_NEW_ARCHITECTURE_ENABLED) {
+ // If you opted-in for the New Architecture, we load the native entry point for this app.
+ load()
+ }
+ }
+}
diff --git a/examples/react-native-template/android/app/src/main/res/drawable/rn_edit_text_material.xml b/examples/react-native-template/android/app/src/main/res/drawable/rn_edit_text_material.xml
new file mode 100644
index 0000000000..5c25e728ea
--- /dev/null
+++ b/examples/react-native-template/android/app/src/main/res/drawable/rn_edit_text_material.xml
@@ -0,0 +1,37 @@
+
+
+
+
+
+
+