add - layout web

src/navigation/ChatStack.js

@@ -1,4 +1,5 @@
 import React from "react";
+import { Platform } from "react-native";
 import { createStackNavigator } from "@react-navigation/stack";
 
 import { Palette } from "../styles";
@@ -6,6 +7,8 @@ import { Routes } from "./Routes";
 
 import Chat from "../screens/Chat";
 
+const isWeb = Platform.OS === "web";
+
 const screenOptions = {
   headerShown: false,
   cardOverlayEnabled: true,
@@ -14,6 +17,12 @@ const screenOptions = {
   },
   headerTitleAlign: "center",
   headerBackTitleVisible: false,
+  ...(isWeb
+    ? {
+        animationEnabled: false,
+        gestureEnabled: false,
+      }
+    : {}),
 };
 
 const HomeStack = createStackNavigator();

src/navigation/HomeStack.js

@@ -1,4 +1,5 @@
 import React from "react";
+import { Platform } from "react-native";
 import { createStackNavigator } from "@react-navigation/stack";
 
 import { Palette } from "../styles";
@@ -7,6 +8,8 @@ import { Routes } from "./Routes";
 import Home from "../screens/Home";
 import CreateSongs from "../screens/CreateSongs";
 
+const isWeb = Platform.OS === "web";
+
 const screenOptions = {
   headerShown: false,
   cardOverlayEnabled: true,
@@ -15,6 +18,12 @@ const screenOptions = {
   },
   headerTitleAlign: "center",
   headerBackTitleVisible: false,
+  ...(isWeb
+    ? {
+        animationEnabled: false,
+        gestureEnabled: false,
+      }
+    : {}),
 };
 
 const HomeStack = createStackNavigator();

src/navigation/MainStack.js

@@ -1,4 +1,5 @@
 import React from "react";
+import { Platform } from "react-native";
 import { createStackNavigator } from "@react-navigation/stack";
 import { Palette } from "../styles";
 import { Routes } from "./Routes";
@@ -59,6 +60,8 @@ import CreatePseudo from "../screens/CreatePseudo";
 import { ChooseCoverType } from "../screens/cover/ChooseCoverType";
 import ValidateCover from "../screens/cover/ValidateCover";
 
+const isWeb = Platform.OS === "web";
+
 const screenOptions = {
   headerShown: false,
   cardOverlayEnabled: true,
@@ -68,6 +71,13 @@ const screenOptions = {
   headerTitleStyle: {},
   headerTitleAlign: "center",
   headerBackTitleVisible: false,
+  ...(isWeb
+    ? {
+        // Avoid web-specific pointerEvents issues by disabling animations/gestures
+        animationEnabled: false,
+        gestureEnabled: false,
+      }
+    : {}),
 };
 
 const MainStack = createStackNavigator();

src/navigation/SettingsStack.js

@@ -1,4 +1,5 @@
 import React from "react";
+import { Platform } from "react-native";
 import { createStackNavigator } from "@react-navigation/stack";
 
 import { Palette } from "../styles";
@@ -8,6 +9,8 @@ import ProjectSettings from "../screens/ProjectSettings";
 import AccountSettings from "../screens/AccountSettings";
 import Settings from "../screens/Profile/Settings";
 
+const isWeb = Platform.OS === "web";
+
 const screenOptions = {
   headerShown: false,
   cardOverlayEnabled: true,
@@ -16,6 +19,12 @@ const screenOptions = {
   },
   headerTitleAlign: "center",
   headerBackTitleVisible: false,
+  ...(isWeb
+    ? {
+        animationEnabled: false,
+        gestureEnabled: false,
+      }
+    : {}),
 };
 
 const HomeStack = createStackNavigator();

src/navigation/TaskStack.js

@@ -1,4 +1,5 @@
 import React from "react";
+import { Platform } from "react-native";
 import { createStackNavigator } from "@react-navigation/stack";
 
 import { Palette } from "../styles";
@@ -6,6 +7,8 @@ import { Routes } from "./Routes";
 
 import Tasks from "../screens/Tasks";
 
+const isWeb = Platform.OS === "web";
+
 const screenOptions = {
   headerShown: false,
   cardOverlayEnabled: true,
@@ -14,6 +17,12 @@ const screenOptions = {
   },
   headerTitleAlign: "center",
   headerBackTitleVisible: false,
+  ...(isWeb
+    ? {
+        animationEnabled: false,
+        gestureEnabled: false,
+      }
+    : {}),
 };
 
 const HomeStack = createStackNavigator();