splash

App.js

@@ -1,5 +1,4 @@
-import { StatusBar } from "expo-status-bar";
-import { StyleSheet, Text, View, useColorScheme } from "react-native";
+import { useColorScheme } from "react-native";
 import AppNavigator from "./AppNavigator";
 import { Provider } from "react-redux";
 import { PersistGate } from "redux-persist/integration/react";
@@ -12,7 +11,7 @@ import {
 } from "react-native-paper";
 import { lightScheme } from "./src/theme/lightScheme";
 import { DarkScheme } from "./src/theme/darkScheme";
-
+import * as SplashScreen from "expo-splash-screen";
 const LightTheme = {
   ...MD3LightTheme,
   colors: lightScheme,
@@ -21,6 +20,9 @@ const DarkTheme = {
   ...MD3DarkTheme,
   colors: DarkScheme,
 };
+
+SplashScreen.preventAutoHideAsync();
+setTimeout(SplashScreen.hideAsync, 3000);
 export default function App() {
   const colorscheme = useColorScheme();
   const theme = colorscheme === "dark" ? DarkTheme : LightTheme;

app.json

@@ -1,7 +1,7 @@
 {
   "expo": {
     "name": "Habit Streak",
-    "slug": "Habit Streak",
+    "slug": "habit",
     "version": "1.0.0",
     "orientation": "portrait",
     "icon": "./assets/icon.png",
@@ -20,7 +20,8 @@
       "adaptiveIcon": {
         "foregroundImage": "./assets/adaptive-icon.png",
         "backgroundColor": "#ffffff"
-      }
+      },
+      "package": "com.delewhoop.habit"
     },
     "web": {
       "favicon": "./assets/favicon.png"

package.json

@@ -30,7 +30,8 @@
     "react-native-screens": "3.31.1",
     "react-native-svg": "^15.3.0",
     "react-redux": "^9.1.2",
-    "redux-persist": "^6.0.0"
+    "redux-persist": "^6.0.0",
+    "expo-splash-screen": "~0.27.5"
   },
   "devDependencies": {
     "@babel/core": "^7.20.0"