Merge pull request #8 from soil-boys/dev

app icon and splash screen

app.json

@@ -4,10 +4,33 @@
     "web": {
       "bundler": "metro"
     },
+    "icon": "./assets/icon.png",
     "name": "Mentis",
     "slug": "Mentis",
     "plugins": [
       "expo-router"
-    ]
+    ],
+    "splash": {
+      "image": "./assets/splash.png",
+      "backgroundColor": "#B1C0E8"
+    },
+    "extra": {
+      "router": {
+        "origin": false
+      },
+      "eas": {
+        "projectId": "a29396a9-864c-45f7-9815-43657407ac25"
+      }
+    },
+    "android": {
+      "package": "com.risuleia.Mentis"
+    },
+    "runtimeVersion": {
+      "policy": "appVersion"
+    },
+    "updates": {
+      "url": "https://u.expo.dev/a29396a9-864c-45f7-9815-43657407ac25"
+    },
+    "ios": {}
   }
 }

app/(tabs)/index.jsx

@@ -1,5 +1,5 @@
 import { useCallback, useEffect, useState } from "react";
-import { View, ScrollView, SafeAreaView, RefreshControl } from "react-native";
+import { View, ScrollView, SafeAreaView, RefreshControl, Image } from "react-native";
 
 import { Welcome, Overview, Scale } from "../../components";
 import { COLORS, SIZES } from "../../constants";
@@ -20,6 +20,7 @@ function Home() {
     }, [])
 
     return(
+        <>
         <SafeAreaView style={{ flex: 1, backgroundColor: COLORS.lightWhite }}>
             <ScrollView
                 style={{ flex: 1 }}
@@ -39,6 +40,7 @@ function Home() {
                 </View>
             </ScrollView>
         </SafeAreaView>
+        </>
     )
 }
 

app/_layout.jsx

@@ -4,6 +4,7 @@ import { Stack } from "expo-router";
 import { useCallback, useEffect, useState } from "react";
 import * as Font from 'expo-font'
 import * as SplashScreen from "expo-splash-screen";
+// import Splash from '../components/screens/Splash';
 
 console.reportErrorsAsExceptions = false;
 
@@ -18,7 +19,8 @@ SplashScreen.preventAutoHideAsync();
 function Layout() {
 
     const [loading, setLoading] = useState(true)
-
+    // const [animationVisible, setAnimationVisible] = useState(true)
+
     useEffect(() => {
         async function load() {
             try {
@@ -30,25 +32,30 @@ function Layout() {
             } catch (err) {
                 console.warn(err)
             } finally {
-                setLoading(false)
+                // setInterval(() => {
+                    setLoading(false)
+                // }, 4000);
             }
         }
 
         load()
+        // setInterval(() => setAnimationVisible(false, 4000))
     }, [])
 
     const onLayoutRootView = useCallback(async () => {
         if (!loading) await SplashScreen.hideAsync()
     }, [loading])
 
-    if (loading) return null;
+    if (loading) return null
 
     return (
-        <>
+        // loading ? (
+
+        // ) : (
             <Stack onLayout={onLayoutRootView}>
                 <Stack.Screen name="(tabs)" options={{ headerShown: false }}/>
             </Stack>
-        </>
+        // )
     )
 }
 

components/screens/Splash.jsx

@@ -0,0 +1,30 @@
+import { Video } from 'expo-av'
+import { SafeAreaView, useWindowDimensions } from 'react-native'
+
+function Splash({ animationVisible }) {
+
+
+    return (
+        <SafeAreaView style={{ flex: 1, justifyContent: 'center', alignContent: 'center' }}>
+            <Video
+                style={{ flex: 1 }}
+                videoStyle={{ flexGrow: 1 }}
+                source={require('../../assets/images/splash.mp4')}
+                resizeMode='cover'
+                useNativeControls={false}
+                shouldPlay={animationVisible}
+            />
+        </SafeAreaView>
+        )
+
+    }
+
+export default Splash
+    // <SafeAreaView style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}>
+        {/* <LottieView
+            autoPlay
+            loop
+            source={require('../../assets/animations/a1A5oRwmLT.json')}
+            imageAssetsFolder='images'
+        /> */}
+    {/* </SafeAreaView> */}

constants/animations.js

@@ -1,7 +1,9 @@
 import splash from '../assets/animations/splash.json'
 import splash2 from '../assets/animations/splash2.json'
+import sphash3 from '../assets/animations/iPhone-14-Pro---9 (1).json'
 
 export {
     splash,
-    splash2
+    splash2,
+    sphash3
 }

constants/theme.js

@@ -1,6 +1,7 @@
 const COLORS = {
   primary: "#6d5f94",
   secondary: "#444262",
+  // tertiary: "#63808f",
   tertiary: "#FF7754",
   quaternary: "#cbdbf5",
 

eas.json

@@ -0,0 +1,22 @@
+{
+  "cli": {
+    "version": ">= 4.1.2"
+  },
+  "build": {
+    "development": {
+      "developmentClient": true,
+      "distribution": "internal"
+    },
+    "preview": {
+      "distribution": "internal"
+    },
+    "production": {
+      "android": {
+        "buildType": "apk"
+      }
+    }
+  },
+  "submit": {
+    "production": {}
+  }
+}

metro.config.js

@@ -2,4 +2,7 @@ module.exports = {
     resolver: {
       extraNodeModules: require('node-libs-react-native'),
     },
+    transformer: {
+      assetPlugins: ['expo-asset/tools/hashAssetFiles'],
+    },
 };