add - layout web

App.js

@@ -9,6 +9,7 @@ import { GestureHandlerRootView } from "react-native-gesture-handler";
 import { useFonts } from "expo-font";
 import * as SplashScreen from "expo-splash-screen";
 import { StatusBar } from "expo-status-bar";
+import { Platform } from "react-native";
 import { NavigationContainer, DefaultTheme } from "@react-navigation/native";
 import moment from "moment";
 import "moment/locale/fr";
@@ -119,7 +120,7 @@ const App = () => {
 
       <GestureHandlerRootView
         onLayout={onLayoutRootView}
-        style={[{ flex: 1, backgroundColor: Palette.darkPurple }]}
+        style={[{ flex: 1, backgroundColor: Platform.OS === 'web' ? 'transparent' : Palette.darkPurple }]}
       >
         <PortalProvider>
           <Providers>
@@ -130,7 +131,7 @@ const App = () => {
                     ...DefaultTheme,
                     colors: {
                       ...DefaultTheme.colors,
-                      background: Palette.darkPurple,
+                      background: Platform.OS === 'web' ? 'transparent' : Palette.darkPurple,
                     },
                   }}
                   ref={navigationRef}