u

code/base-project/base-app/src/app/_layout.tsx

@@ -5,6 +5,7 @@ import { Stack, useRouter } from 'expo-router'
 import * as SplashScreen from 'expo-splash-screen'
 import { StatusBar } from 'expo-status-bar'
 import { useEffect } from 'react'
+import { GestureHandlerRootView } from 'react-native-gesture-handler'
 import { KeyboardProvider } from 'react-native-keyboard-controller'
 import { MenuProvider } from 'react-native-popup-menu'
 import { AButton } from '@/components/common/ao'
@@ -15,7 +16,6 @@ import { useUserStore } from '@/store/user'
 import { ToastProviderWrapper } from '@/utils/toast'
 import '@/styles/global.css'
 import 'react-native-reanimated'
-import 'react-native-gesture-handler'
 
 SplashScreen.preventAutoHideAsync()
 
@@ -74,25 +74,28 @@ export default function RootLayout() {
         <GluestackUIProvider>
           <ToastProvider>
             <ToastProviderWrapper>
-              <Stack
-                screenOptions={{
-                  headerTitleAlign: 'center',
-                  animation: 'slide_from_right',
-                  contentStyle: {
-                    backgroundColor: '#fff',
-                  },
-                }}
-              >
-                <Stack.Screen
-                  name="(tabs)"
-                  options={{
-                    headerShown: false,
-                  }}
-                />
+              <GestureHandlerRootView>
 
-                <Stack.Screen name="+not-found" />
-              </Stack>
-              <StatusBar style="auto" />
+                <Stack
+                  screenOptions={{
+                    headerTitleAlign: 'center',
+                    animation: 'slide_from_right',
+                    contentStyle: {
+                      backgroundColor: '#fff',
+                    },
+                  }}
+                >
+                  <Stack.Screen
+                    name="(tabs)"
+                    options={{
+                      headerShown: false,
+                    }}
+                  />
+
+                  <Stack.Screen name="+not-found" />
+                </Stack>
+                <StatusBar style="auto" />
+              </GestureHandlerRootView>
             </ToastProviderWrapper>
           </ToastProvider>
         </GluestackUIProvider>