diff --git a/stickersmash/app/(tabs)/index.tsx b/stickersmash/app/(tabs)/index.tsx
index ff6498dd..fad14e07 100644
--- a/stickersmash/app/(tabs)/index.tsx
+++ b/stickersmash/app/(tabs)/index.tsx
@@ -5,7 +5,6 @@ import { GestureHandlerRootView } from "react-native-gesture-handler";
import * as MediaLibrary from "expo-media-library";
import { captureRef } from "react-native-view-shot";
import domtoimage from "dom-to-image";
-import { StatusBar } from "expo-status-bar";
import Button from "@/components/Button";
import ImageViewer from "@/components/ImageViewer";
@@ -92,50 +91,47 @@ export default function Index() {
};
return (
- <>
-
-
-
-
- {pickedEmoji && (
-
- )}
-
+
+
+
+
+ {pickedEmoji && (
+
+ )}
- {showAppOptions ? (
-
-
-
-
-
-
-
- ) : (
-
-
-
+ {showAppOptions ? (
+
+
+
+
+
- )}
-
-
-
-
-
- >
+
+ ) : (
+
+
+
+ )}
+
+
+
+
);
}
diff --git a/stickersmash/app/_layout.tsx b/stickersmash/app/_layout.tsx
index 58c17734..aecd665c 100644
--- a/stickersmash/app/_layout.tsx
+++ b/stickersmash/app/_layout.tsx
@@ -1,10 +1,17 @@
import { Stack } from "expo-router";
+import { setStatusBarStyle } from "expo-status-bar";
+import { useEffect } from "react";
export default function RootLayout() {
+ useEffect(() => {
+ setTimeout(() => {
+ setStatusBarStyle("light");
+ }, 0);
+ }, []);
+
return (
-
);
}