u

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

@@ -6,6 +6,7 @@ import * as SplashScreen from 'expo-splash-screen'
 import { StatusBar } from 'expo-status-bar'
 import { useEffect } from 'react'
 import { KeyboardProvider } from 'react-native-keyboard-controller'
+import { MenuProvider } from 'react-native-popup-menu'
 import { AButton } from '@/components/common/ao'
 import EmptyState from '@/components/common/EmptyStatus'
 import { GluestackUIProvider } from '@/components/ui/gluestack-ui-provider'
@@ -64,41 +65,43 @@ export default function RootLayout() {
     return null
   }
   return (
-    <KeyboardProvider>
-      <GluestackUIProvider>
-        <ToastProvider>
-          <ToastProviderWrapper>
-            <Stack
-              screenOptions={{
-                headerTitleAlign: 'center',
-                animation: 'slide_from_right',
-                gestureEnabled: true,
-                gestureDirection: 'horizontal',
-                contentStyle: {
-                  backgroundColor: '#fff',
-                },
-              }}
-            >
-              <Stack.Screen
-                name="(tabs)"
-                options={{
-                  headerShown: false,
+    <MenuProvider>
+      <KeyboardProvider>
+        <GluestackUIProvider>
+          <ToastProvider>
+            <ToastProviderWrapper>
+              <Stack
+                screenOptions={{
+                  headerTitleAlign: 'center',
+                  animation: 'slide_from_right',
+                  gestureEnabled: true,
+                  gestureDirection: 'horizontal',
+                  contentStyle: {
+                    backgroundColor: '#fff',
+                  },
                 }}
-              />
+              >
+                <Stack.Screen
+                  name="(tabs)"
+                  options={{
+                    headerShown: false,
+                  }}
+                />
 
-              <Stack.Screen
-                name="auth"
-                options={{
-                  headerShown: false,
-                }}
-              />
+                <Stack.Screen
+                  name="auth"
+                  options={{
+                    headerShown: false,
+                  }}
+                />
 
-              <Stack.Screen name="+not-found" />
-            </Stack>
-            <StatusBar style="auto" />
-          </ToastProviderWrapper>
-        </ToastProvider>
-      </GluestackUIProvider>
-    </KeyboardProvider>
+                <Stack.Screen name="+not-found" />
+              </Stack>
+              <StatusBar style="auto" />
+            </ToastProviderWrapper>
+          </ToastProvider>
+        </GluestackUIProvider>
+      </KeyboardProvider>
+    </MenuProvider>
   )
 }