Structure 🔥

App.tsx

@@ -1,11 +1,11 @@
 import { config } from '@gluestack-ui/config';
 import { Box, GluestackUIProvider, Text } from '@gluestack-ui/themed';
 import { ScrollView } from 'react-native';
-import Gradient from './assets/Icons/Gradient';
-import DocumentData from './assets/Icons/DocumentData';
-import LightBulbPerson from './assets/Icons/LightbulbPerson';
-import Rocket from './assets/Icons/Rocket';
-import Logo from './assets/Icons/Logo';
+import Gradient from './src/assets/Icons/Gradient';
+import DocumentData from './src//assets/Icons/DocumentData';
+import LightBulbPerson from './src//assets/Icons/LightbulbPerson';
+import Rocket from './src//assets/Icons/Rocket';
+import Logo from './src//assets/Icons/Logo';
 export default function App() {
   return (
     <GluestackUIProvider config={config}>

app.json

@@ -7,7 +7,7 @@
     "icon": "./assets/icon.png",
     "userInterfaceStyle": "light",
     "splash": {
-      "image": "./assets/splash.png",
+      "image": "./src/assets/splash.png",
       "resizeMode": "contain",
       "backgroundColor": "#ffffff"
     },
@@ -19,7 +19,7 @@
     },
     "android": {
       "adaptiveIcon": {
-        "foregroundImage": "./assets/adaptive-icon.png",
+        "foregroundImage": "./src/assets/adaptive-icon.png",
         "backgroundColor": "#ffffff"
       }
     },