@coinbase/create-cdp-app 0.0.38 → 0.0.41

package/template-react-native/Transaction.tsx

@@ -1 +1,101 @@
-export { default } from "./EOATransaction";
+import React, { useState } from "react";
+import { View, Text, TouchableOpacity, StyleSheet } from "react-native";
+import { useEvmAddress, useSolanaAddress } from "@coinbase/cdp-hooks";
+import { useTheme } from "./theme/ThemeContext";
+import EOATransaction from "./EOATransaction";
+import SolanaTransaction from "./SolanaTransaction";
+
+interface Props {
+  onSuccess?: () => void;
+}
+
+function Transaction(props: Props) {
+  const { onSuccess } = props;
+  const { colors } = useTheme();
+  const { evmAddress } = useEvmAddress();
+  const { solanaAddress } = useSolanaAddress();
+  const [activeTab, setActiveTab] = useState<"evm" | "solana">("evm");
+
+  // Show tabs only if both EVM and Solana addresses are available
+  const showTabs = !!evmAddress && !!solanaAddress;
+
+  const createStyles = () =>
+    StyleSheet.create({
+      container: {
+        flex: 1,
+        width: "100%",
+      },
+      tabContainer: {
+        flexDirection: "row",
+        marginBottom: 16,
+        backgroundColor: colors.cardBackground,
+        borderRadius: 8,
+        padding: 4,
+        borderWidth: 1,
+        borderColor: colors.border,
+      },
+      tab: {
+        flex: 1,
+        paddingVertical: 12,
+        alignItems: "center",
+        borderRadius: 6,
+      },
+      activeTab: {
+        backgroundColor: colors.accent,
+      },
+      tabText: {
+        fontSize: 16,
+        fontWeight: "600",
+        color: colors.textSecondary,
+      },
+      activeTabText: {
+        color: "#ffffff",
+      },
+    });
+
+  const styles = createStyles();
+
+  // If only one address type is available, show that component directly
+  if (!showTabs) {
+    if (evmAddress) {
+      return <EOATransaction onSuccess={onSuccess} />;
+    }
+    if (solanaAddress) {
+      return <SolanaTransaction onSuccess={onSuccess} />;
+    }
+    return null; // Loading state handled by parent
+  }
+
+  return (
+    <View style={styles.container}>
+      {/* Tab selector */}
+      <View style={styles.tabContainer}>
+        <TouchableOpacity
+          style={[styles.tab, activeTab === "evm" && styles.activeTab]}
+          onPress={() => setActiveTab("evm")}
+        >
+          <Text style={[styles.tabText, activeTab === "evm" && styles.activeTabText]}>
+            Ethereum
+          </Text>
+        </TouchableOpacity>
+        <TouchableOpacity
+          style={[styles.tab, activeTab === "solana" && styles.activeTab]}
+          onPress={() => setActiveTab("solana")}
+        >
+          <Text style={[styles.tabText, activeTab === "solana" && styles.activeTabText]}>
+            Solana
+          </Text>
+        </TouchableOpacity>
+      </View>
+
+      {/* Content */}
+      {activeTab === "evm" ? (
+        <EOATransaction onSuccess={onSuccess} />
+      ) : (
+        <SolanaTransaction onSuccess={onSuccess} />
+      )}
+    </View>
+  );
+}
+
+export default Transaction;

package/template-react-native/_gitignore

@@ -35,3 +35,7 @@ yarn-error.*
 
 # typescript
 *.tsbuildinfo
+
+# prebuild
+ios/
+android/

package/template-react-native/components/WalletHeader.tsx

@@ -1,7 +1,7 @@
 import React from "react";
 import { View, Text, TouchableOpacity, StyleSheet, Alert } from "react-native";
 import * as Clipboard from "expo-clipboard";
-import { useEvmAddress, useCurrentUser } from "@coinbase/cdp-hooks";
+import { useEvmAddress, useCurrentUser, useSolanaAddress } from "@coinbase/cdp-hooks";
 import { useTheme } from "../theme/ThemeContext";
 import { UserIcon } from "./UserIcon";
 
@@ -12,24 +12,26 @@ interface WalletHeaderProps {
 export const WalletHeader: React.FC<WalletHeaderProps> = ({ onSignOut }) => {
   const { colors } = useTheme();
   const { evmAddress } = useEvmAddress();
+  const { solanaAddress } = useSolanaAddress();
   const { currentUser } = useCurrentUser();
 
   // Use EVM address if available, otherwise fall back to smart account
-  const walletAddress = evmAddress || currentUser?.evmSmartAccounts?.[0];
+  const evmWalletAddress = evmAddress || currentUser?.evmSmartAccounts?.[0];
+  const solanaWalletAddress = solanaAddress;
 
   const formatAddress = (address: string) => {
     if (!address) return "";
     return `${address.slice(0, 6)}...${address.slice(-4)}`;
   };
 
-  const copyWalletAddress = async () => {
-    if (!walletAddress) return;
+  const copyWalletAddress = async (address: string, type: "EVM" | "Solana") => {
+    if (!address) return;
 
     try {
-      await Clipboard.setStringAsync(walletAddress);
-      Alert.alert("Copied!", "Wallet address copied to clipboard.");
+      await Clipboard.setStringAsync(address);
+      Alert.alert("Copied!", `${type} address copied to clipboard.`);
     } catch (error) {
-      Alert.alert("Error", "Failed to copy wallet address.");
+      Alert.alert("Error", `Failed to copy ${type} address.`);
     }
   };
 
@@ -63,9 +65,15 @@ export const WalletHeader: React.FC<WalletHeaderProps> = ({ onSignOut }) => {
         flex: 1,
       },
       address: {
-        fontSize: 16,
+        fontSize: 14,
         fontWeight: "500",
         color: colors.text,
+        marginBottom: 2,
+      },
+      addressLabel: {
+        fontSize: 12,
+        color: colors.textSecondary,
+        marginBottom: 1,
       },
       signOutButton: {
         backgroundColor: colors.accent,
@@ -84,16 +92,32 @@ export const WalletHeader: React.FC<WalletHeaderProps> = ({ onSignOut }) => {
 
   return (
     <View style={styles.container}>
-      <TouchableOpacity style={styles.leftContent} onPress={copyWalletAddress}>
+      <View style={styles.leftContent}>
         <View style={styles.avatar}>
           <UserIcon size={18} color={colors.cardBackground} />
         </View>
         <View style={styles.addressContainer}>
-          <Text style={styles.address}>
-            {walletAddress ? formatAddress(walletAddress) : "Loading..."}
-          </Text>
+          {evmWalletAddress && (
+            <>
+              <Text style={styles.addressLabel}>EVM</Text>
+              <TouchableOpacity onPress={() => copyWalletAddress(evmWalletAddress, "EVM")}>
+                <Text style={styles.address}>{formatAddress(evmWalletAddress)}</Text>
+              </TouchableOpacity>
+            </>
+          )}
+          {solanaWalletAddress && (
+            <>
+              <Text style={styles.addressLabel}>Solana</Text>
+              <TouchableOpacity onPress={() => copyWalletAddress(solanaWalletAddress, "Solana")}>
+                <Text style={styles.address}>{formatAddress(solanaWalletAddress)}</Text>
+              </TouchableOpacity>
+            </>
+          )}
+          {!evmWalletAddress && !solanaWalletAddress && (
+            <Text style={styles.address}>Loading...</Text>
+          )}
         </View>
-      </TouchableOpacity>
+      </View>
       <TouchableOpacity style={styles.signOutButton} onPress={onSignOut}>
         <Text style={styles.signOutButtonText}>Sign out</Text>
       </TouchableOpacity>

package/template-react-native/env.example

@@ -1,5 +1,6 @@
 # CDP Configuration for the main app
 EXPO_PUBLIC_CDP_PROJECT_ID=your-project-id-here
 EXPO_PUBLIC_CDP_CREATE_ETHEREUM_ACCOUNT_TYPE=smart
+EXPO_PUBLIC_CDP_CREATE_SOLANA_ACCOUNT=false
 EXPO_PUBLIC_CDP_BASE_PATH=https://api.cdp.coinbase.com/platform
 EXPO_PUBLIC_USE_MOCK=false

package/template-react-native/index.ts

@@ -2,12 +2,19 @@ import structuredClone from "@ungap/structured-clone";
 import { registerRootComponent } from "expo";
 import { install } from "react-native-quick-crypto";
 import "react-native-get-random-values";
+import { Buffer } from "buffer";
 
 if (!("structuredClone" in globalThis)) {
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   globalThis.structuredClone = structuredClone as any;
 }
 
+// Setup Buffer global for Solana Web3.js compatibility
+if (!("Buffer" in globalThis)) {
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  globalThis.Buffer = Buffer as any;
+}
+
 install();
 
 import App from "./App";

package/template-react-native/metro.config.js

@@ -0,0 +1,19 @@
+const { getDefaultConfig } = require("expo/metro-config");
+
+const config = getDefaultConfig(__dirname);
+
+config.resolver.resolveRequest = (context, moduleName, platform) => {
+  if (moduleName.includes("zustand")) {
+    const result = require.resolve(moduleName);
+    return context.resolveRequest(context, result, platform);
+  }
+
+  if (moduleName.includes("rpc-websockets")) {
+    const result = require.resolve(moduleName);
+    return context.resolveRequest(context, result, platform);
+  }
+
+  return context.resolveRequest(context, moduleName, platform);
+};
+
+module.exports = config;

package/template-react-native/package.json

@@ -13,7 +13,9 @@
   "dependencies": {
     "@coinbase/cdp-hooks": "latest",
     "@react-native-async-storage/async-storage": "^2.2.0",
+    "@solana/web3.js": "^1.98.4",
     "@ungap/structured-clone": "^1.3.0",
+    "buffer": "^6.0.3",
     "expo": "~53.0.22",
     "expo-asset": "~11.1.7",
     "expo-clipboard": "~7.1.5",
@@ -24,6 +26,7 @@
     "react-native": "0.79.6",
     "react-native-get-random-values": "^1.11.0",
     "react-native-quick-crypto": "^0.7.17",
+    "readable-stream": "^4.6.0",
     "viem": "^2.21.45"
   },
   "devDependencies": {

package/template-react-native/android/_gitignore

@@ -1,16 +0,0 @@
-# OSX
-#
-.DS_Store
-
-# Android/IntelliJ
-#
-build/
-.idea
-.gradle
-local.properties
-*.iml
-*.hprof
-.cxx/
-
-# Bundle artifacts
-*.jsbundle

package/template-react-native/android/app/build.gradle

@@ -1,177 +0,0 @@
-apply plugin: "com.android.application"
-apply plugin: "org.jetbrains.kotlin.android"
-apply plugin: "com.facebook.react"
-
-def projectRoot = rootDir.getAbsoluteFile().getParentFile().getAbsolutePath()
-
-/**
- * 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 {
-    entryFile = file(["node", "-e", "require('expo/scripts/resolveAppEntry')", projectRoot, "android", "absolute"].execute(null, rootDir).text.trim())
-    reactNativeDir = new File(["node", "--print", "require.resolve('react-native/package.json')"].execute(null, rootDir).text.trim()).getParentFile().getAbsoluteFile()
-    hermesCommand = new File(["node", "--print", "require.resolve('react-native/package.json')"].execute(null, rootDir).text.trim()).getParentFile().getAbsolutePath() + "/sdks/hermesc/%OS-BIN%/hermesc"
-    codegenDir = new File(["node", "--print", "require.resolve('@react-native/codegen/package.json', { paths: [require.resolve('react-native/package.json')] })"].execute(null, rootDir).text.trim()).getParentFile().getAbsoluteFile()
-
-    enableBundleCompression = (findProperty('android.enableBundleCompression') ?: false).toBoolean()
-    // Use Expo CLI to bundle the app, this ensures the Metro config
-    // works correctly with Expo projects.
-    cliFile = new File(["node", "--print", "require.resolve('@expo/cli', { paths: [require.resolve('expo/package.json')] })"].execute(null, rootDir).text.trim())
-    bundleCommand = "export:embed"
-
-    /* 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")
-
-    /* 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 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 = (findProperty('android.enableProguardInReleaseBuilds') ?: false).toBoolean()
-
-/**
- * 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 = 'io.github.react-native-community:jsc-android:2026004.+'
-
-android {
-    ndkVersion rootProject.ext.ndkVersion
-
-    buildToolsVersion rootProject.ext.buildToolsVersion
-    compileSdk rootProject.ext.compileSdkVersion
-
-    namespace 'com.anonymous.reactnativeexpo'
-    defaultConfig {
-        applicationId 'com.anonymous.reactnativeexpo'
-        minSdkVersion rootProject.ext.minSdkVersion
-        targetSdkVersion rootProject.ext.targetSdkVersion
-        versionCode 1
-        versionName "1.0.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
-            shrinkResources (findProperty('android.enableShrinkResourcesInReleaseBuilds')?.toBoolean() ?: false)
-            minifyEnabled enableProguardInReleaseBuilds
-            proguardFiles getDefaultProguardFile("proguard-android.txt"), "proguard-rules.pro"
-            crunchPngs (findProperty('android.enablePngCrunchInReleaseBuilds')?.toBoolean() ?: true)
-        }
-    }
-    packagingOptions {
-        jniLibs {
-            useLegacyPackaging (findProperty('expo.useLegacyPackaging')?.toBoolean() ?: false)
-        }
-    }
-    androidResources {
-        ignoreAssetsPattern '!.svn:!.git:!.ds_store:!*.scc:!CVS:!thumbs.db:!picasa.ini:!*~'
-    }
-}
-
-// Apply static values from `gradle.properties` to the `android.packagingOptions`
-// Accepts values in comma delimited lists, example:
-// android.packagingOptions.pickFirsts=/LICENSE,**/picasa.ini
-["pickFirsts", "excludes", "merges", "doNotStrip"].each { prop ->
-    // Split option: 'foo,bar' -> ['foo', 'bar']
-    def options = (findProperty("android.packagingOptions.$prop") ?: "").split(",");
-    // Trim all elements in place.
-    for (i in 0..<options.size()) options[i] = options[i].trim();
-    // `[] - ""` is essentially `[""].filter(Boolean)` removing all empty strings.
-    options -= ""
-
-    if (options.length > 0) {
-        println "android.packagingOptions.$prop += $options ($options.length)"
-        // Ex: android.packagingOptions.pickFirsts += '**/SCCS/**'
-        options.each {
-            android.packagingOptions[prop] += it
-        }
-    }
-}
-
-dependencies {
-    // The version of react-native is set by the React Native Gradle Plugin
-    implementation("com.facebook.react:react-android")
-
-    def isGifEnabled = (findProperty('expo.gif.enabled') ?: "") == "true";
-    def isWebpEnabled = (findProperty('expo.webp.enabled') ?: "") == "true";
-    def isWebpAnimatedEnabled = (findProperty('expo.webp.animated') ?: "") == "true";
-
-    if (isGifEnabled) {
-        // For animated gif support
-        implementation("com.facebook.fresco:animated-gif:${expoLibs.versions.fresco.get()}")
-    }
-
-    if (isWebpEnabled) {
-        // For webp support
-        implementation("com.facebook.fresco:webpsupport:${expoLibs.versions.fresco.get()}")
-        if (isWebpAnimatedEnabled) {
-            // Animated webp support
-            implementation("com.facebook.fresco:animated-webp:${expoLibs.versions.fresco.get()}")
-        }
-    }
-
-    if (hermesEnabled.toBoolean()) {
-        implementation("com.facebook.react:hermes-android")
-    } else {
-        implementation jscFlavor
-    }
-}

package/template-react-native/android/app/proguard-rules.pro

@@ -1,14 +0,0 @@
-# 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
-
-# react-native-reanimated
--keep class com.swmansion.reanimated.** { *; }
--keep class com.facebook.react.turbomodule.** { *; }
-
-# Add any project specific keep options here:

package/template-react-native/android/app/src/debug/AndroidManifest.xml

@@ -1,7 +0,0 @@
-<manifest xmlns:android="http://schemas.android.com/apk/res/android"
-    xmlns:tools="http://schemas.android.com/tools">
-
-    <uses-permission android:name="android.permission.SYSTEM_ALERT_WINDOW"/>
-
-    <application android:usesCleartextTraffic="true" tools:targetApi="28" tools:ignore="GoogleAppIndexingWarning" tools:replace="android:usesCleartextTraffic" />
-</manifest>

package/template-react-native/android/app/src/main/AndroidManifest.xml

@@ -1,25 +0,0 @@
-<manifest xmlns:android="http://schemas.android.com/apk/res/android">
-  <uses-permission android:name="android.permission.INTERNET"/>
-  <uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE"/>
-  <uses-permission android:name="android.permission.SYSTEM_ALERT_WINDOW"/>
-  <uses-permission android:name="android.permission.VIBRATE"/>
-  <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE"/>
-  <queries>
-    <intent>
-      <action android:name="android.intent.action.VIEW"/>
-      <category android:name="android.intent.category.BROWSABLE"/>
-      <data android:scheme="https"/>
-    </intent>
-  </queries>
-  <application android:name=".MainApplication" android:label="@string/app_name" android:icon="@mipmap/ic_launcher" android:roundIcon="@mipmap/ic_launcher_round" android:allowBackup="true" android:theme="@style/AppTheme" android:supportsRtl="true">
-    <meta-data android:name="expo.modules.updates.ENABLED" android:value="false"/>
-    <meta-data android:name="expo.modules.updates.EXPO_UPDATES_CHECK_ON_LAUNCH" android:value="ALWAYS"/>
-    <meta-data android:name="expo.modules.updates.EXPO_UPDATES_LAUNCH_WAIT_MS" android:value="0"/>
-    <activity android:name=".MainActivity" android:configChanges="keyboard|keyboardHidden|orientation|screenSize|screenLayout|uiMode" android:launchMode="singleTask" android:windowSoftInputMode="adjustResize" android:theme="@style/Theme.App.SplashScreen" android:exported="true" android:screenOrientation="portrait">
-      <intent-filter>
-        <action android:name="android.intent.action.MAIN"/>
-        <category android:name="android.intent.category.LAUNCHER"/>
-      </intent-filter>
-    </activity>
-  </application>
-</manifest>

package/template-react-native/android/app/src/main/java/com/anonymous/reactnativeexpo/MainActivity.kt

@@ -1,61 +0,0 @@
-package com.anonymous.reactnativeexpo
-
-import android.os.Build
-import android.os.Bundle
-
-import com.facebook.react.ReactActivity
-import com.facebook.react.ReactActivityDelegate
-import com.facebook.react.defaults.DefaultNewArchitectureEntryPoint.fabricEnabled
-import com.facebook.react.defaults.DefaultReactActivityDelegate
-
-import expo.modules.ReactActivityDelegateWrapper
-
-class MainActivity : ReactActivity() {
-  override fun onCreate(savedInstanceState: Bundle?) {
-    // Set the theme to AppTheme BEFORE onCreate to support
-    // coloring the background, status bar, and navigation bar.
-    // This is required for expo-splash-screen.
-    setTheme(R.style.AppTheme);
-    super.onCreate(null)
-  }
-
-  /**
-   * Returns the name of the main component registered from JavaScript. This is used to schedule
-   * rendering of the component.
-   */
-  override fun getMainComponentName(): String = "main"
-
-  /**
-   * 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 {
-    return ReactActivityDelegateWrapper(
-          this,
-          BuildConfig.IS_NEW_ARCHITECTURE_ENABLED,
-          object : DefaultReactActivityDelegate(
-              this,
-              mainComponentName,
-              fabricEnabled
-          ){})
-  }
-
-  /**
-    * Align the back button behavior with Android S
-    * where moving root activities to background instead of finishing activities.
-    * @see <a href="https://developer.android.com/reference/android/app/Activity#onBackPressed()">onBackPressed</a>
-    */
-  override fun invokeDefaultOnBackPressed() {
-      if (Build.VERSION.SDK_INT <= Build.VERSION_CODES.R) {
-          if (!moveTaskToBack(false)) {
-              // For non-root activities, use the default implementation to finish them.
-              super.invokeDefaultOnBackPressed()
-          }
-          return
-      }
-
-      // Use the default back button implementation on Android S
-      // because it's doing more than [Activity.moveTaskToBack] in fact.
-      super.invokeDefaultOnBackPressed()
-  }
-}

package/template-react-native/android/app/src/main/java/com/anonymous/reactnativeexpo/MainApplication.kt

@@ -1,57 +0,0 @@
-package com.anonymous.reactnativeexpo
-
-import android.app.Application
-import android.content.res.Configuration
-
-import com.facebook.react.PackageList
-import com.facebook.react.ReactApplication
-import com.facebook.react.ReactNativeHost
-import com.facebook.react.ReactPackage
-import com.facebook.react.ReactHost
-import com.facebook.react.defaults.DefaultNewArchitectureEntryPoint.load
-import com.facebook.react.defaults.DefaultReactNativeHost
-import com.facebook.react.soloader.OpenSourceMergedSoMapping
-import com.facebook.soloader.SoLoader
-
-import expo.modules.ApplicationLifecycleDispatcher
-import expo.modules.ReactNativeHostWrapper
-
-class MainApplication : Application(), ReactApplication {
-
-  override val reactNativeHost: ReactNativeHost = ReactNativeHostWrapper(
-        this,
-        object : DefaultReactNativeHost(this) {
-          override fun getPackages(): List<ReactPackage> {
-            val packages = PackageList(this).packages
-            // Packages that cannot be autolinked yet can be added manually here, for example:
-            // packages.add(MyReactNativePackage())
-            return packages
-          }
-
-          override fun getJSMainModuleName(): String = ".expo/.virtual-metro-entry"
-
-          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() = ReactNativeHostWrapper.createReactHost(applicationContext, reactNativeHost)
-
-  override fun onCreate() {
-    super.onCreate()
-    SoLoader.init(this, OpenSourceMergedSoMapping)
-    if (BuildConfig.IS_NEW_ARCHITECTURE_ENABLED) {
-      // If you opted-in for the New Architecture, we load the native entry point for this app.
-      load()
-    }
-    ApplicationLifecycleDispatcher.onApplicationCreate(this)
-  }
-
-  override fun onConfigurationChanged(newConfig: Configuration) {
-    super.onConfigurationChanged(newConfig)
-    ApplicationLifecycleDispatcher.onConfigurationChanged(this, newConfig)
-  }
-}

package/template-react-native/android/app/src/main/res/drawable/ic_launcher_background.xml

@@ -1,6 +0,0 @@
-<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
-  <item android:drawable="@color/splashscreen_background"/>
-  <item>
-    <bitmap android:gravity="center" android:src="@drawable/splashscreen_logo"/>
-  </item>
-</layer-list>