Make UI Adjustment. Use iconUrl from the API

android/app/src/main/res/values/colors.xml

@@ -1,6 +1,6 @@
 <resources>
-  <color name="splashscreen_background">#ffffff</color>
+  <color name="splashscreen_background">#0052FF</color>
   <color name="iconBackground">#ffffff</color>
   <color name="colorPrimary">#023c69</color>
-  <color name="colorPrimaryDark">#ffffff</color>
+  <color name="colorPrimaryDark">#0052FF</color>
 </resources>

android/app/src/main/res/values/strings.xml

@@ -1,6 +1,6 @@
 <resources>
   <string name="app_name">Onramp Demo Mobile</string>
+  <string name="expo_system_ui_user_interface_style" translatable="false">automatic</string>
   <string name="expo_splash_screen_resize_mode" translatable="false">contain</string>
   <string name="expo_splash_screen_status_bar_translucent" translatable="false">false</string>
-  <string name="expo_system_ui_user_interface_style" translatable="false">automatic</string>
 </resources>

android/app/src/main/res/values/styles.xml

@@ -4,7 +4,7 @@
     <item name="android:editTextStyle">@style/ResetEditText</item>
     <item name="android:editTextBackground">@drawable/rn_edit_text_material</item>
     <item name="colorPrimary">@color/colorPrimary</item>
-    <item name="android:statusBarColor">#ffffff</item>
+    <item name="android:statusBarColor">#0052FF</item>
   </style>
   <style name="ResetEditText" parent="@android:style/Widget.EditText">
     <item name="android:padding">0dp</item>

app.json

@@ -11,7 +11,7 @@
     "splash": {
       "image": "./assets/images/onramp.png",
       "resizeMode": "contain",
-      "backgroundColor": "#ffffff"
+      "backgroundColor": "#0052FF"
     },
     "assetBundlePatterns": [
       "**/*"
@@ -41,7 +41,17 @@
     "owner": "coinbase",
     "plugins": [
       "expo-secure-store",
-      "expo-font"
+      "expo-font",
+      [
+        "expo-splash-screen",
+        {
+          "imageResizeMode": "contain",
+          "image": "./assets/images/onramp.png",
+          "backgroundColor": "#0052FF",
+          "imageWidth": 150,
+          "imageHeight": 150
+        }
+      ]
     ]
   }
 }

app/(tabs)/home.tsx

@@ -1,10 +1,8 @@
 import { FundForm } from "@/components/FundForm/FundForm";
 import { ThemedText } from "@/components/ThemedText";
 import { ThemedView } from "@/components/ThemedView";
-import { CURRENCY_OPTIONS } from "@/constants/constants";
 import { useApp } from "@/context/AppContext";
 import { useWallet } from "@/hooks/useWallet";
-import { useMemo } from "react";
 import {
   KeyboardAvoidingView,
   Platform,
@@ -14,24 +12,18 @@ import {
 import { useSafeAreaInsets } from "react-native-safe-area-context";
 
 export default function HomeScreen() {
-  const { currency, network } = useApp();
+  const { network } = useApp();
 
   const insets = useSafeAreaInsets();
   const currentWallet = useWallet({ network: network?.name || "base" });
 
-  const currencySymbol = useMemo(
-    () =>
-      CURRENCY_OPTIONS.find((option) => option.value === currency?.id)?.symbol,
-    [currency]
-  );
-
   return (
     <ThemedView style={{ flex: 1 }}>
       <KeyboardAvoidingView
         behavior={Platform.OS === "ios" ? "padding" : "height"}
         style={{ flex: 1, paddingTop: insets.top }}
       >
-        <ThemedText type="subtitle" style={{ textAlign: "center" }}>
+        <ThemedText type="subtitle" style={{ textAlign: "center", height: 56 }}>
           Coinbase Onramp demo
         </ThemedText>
         <ScrollView

app/(tabs)/wallet.tsx

@@ -12,9 +12,9 @@ import { StyleSheet, TouchableOpacity, View } from "react-native";
 import { useSafeAreaInsets } from "react-native-safe-area-context";
 
 export default function WalletScreen() {
-  const { user, logout } = usePrivy();
+  const { logout } = usePrivy();
   const insets = useSafeAreaInsets();
-  const { network, setNetwork } = useApp();
+  const { network } = useApp();
   const currentWallet = useWallet({ network: network?.name || "base" });
   const negativeColor = useThemeColor({}, "negative");
   const { setAppLoading, setAppLoadingMessage } = useApp();
@@ -45,7 +45,10 @@ export default function WalletScreen() {
       <View style={styles.content}>
         <Balance network={network?.name || "base"} />
 
-        <WalletDetails address={currentWallet?.address} />
+        <WalletDetails
+          address={currentWallet?.address}
+          network={network?.displayName}
+        />
       </View>
 
       <View style={styles.footer}>

app/+not-found.tsx

@@ -1,12 +1,11 @@
-import { Link, Stack, usePathname } from "expo-router";
+import { Link, Stack } from "expo-router";
 import { StyleSheet } from "react-native";
 
 import { ThemedText } from "@/components/ThemedText";
 import { ThemedView } from "@/components/ThemedView";
 import React from "react";
 
 export default function NotFoundScreen() {
-  const pathname = usePathname();
   return (
     <>
       <Stack.Screen options={{ title: "Oops!" }} />

components/BottomSheet/BottomSheetProvider.tsx

@@ -12,7 +12,8 @@ import React, {
   useRef,
   useState,
 } from "react";
-import { StyleSheet, View } from "react-native";
+import { Dimensions, StyleSheet, View } from "react-native";
+import { useSafeAreaInsets } from "react-native-safe-area-context";
 
 type BottomSheetContextType = {
   showBottomSheet: (content: React.ReactNode, snapPoints?: string[]) => void;
@@ -39,6 +40,7 @@ export const BottomSheetProvider = memo(
     const [points, setPoints] = useState<string[]>(["50%"]);
     const [isReady, setIsReady] = useState(false);
 
+    const insets = useSafeAreaInsets();
     useEffect(() => {
       // Ensure the component is mounted
       setIsReady(true);
@@ -83,6 +85,9 @@ export const BottomSheetProvider = memo(
         {children}
         {isReady && (
           <BottomSheet
+            maxDynamicContentSize={
+              Dimensions.get("screen").height - insets.top - 50
+            }
             ref={bottomSheetRef}
             index={-1}
             snapPoints={points}
@@ -99,6 +104,9 @@ export const BottomSheetProvider = memo(
               if (index === -1) setContent(null);
             }}
             backgroundStyle={{ backgroundColor }}
+            keyboardBehavior="interactive"
+            keyboardBlurBehavior="none"
+            android_keyboardInputMode="adjustResize"
           >
             <View style={styles.contentContainer}>{content}</View>
           </BottomSheet>