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 { RefreshCw } from 'lucide-react-native'
 import { useEffect } from 'react'
+import { KeyboardProvider } from 'react-native-keyboard-controller'
 import EmptyState from '@/components/common/EmptyStatus'
 import { GluestackUIProvider } from '@/components/ui/gluestack-ui-provider'
 import { useUserStore } from '@/store/user'
@@ -52,39 +53,41 @@ export default function RootLayout() {
   }, [fontsLoaded])
 
   return (
-    <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,
+    <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>
+              <Stack.Screen name="+not-found" />
+            </Stack>
+            <StatusBar style="auto" />
+          </ToastProviderWrapper>
+        </ToastProvider>
+      </GluestackUIProvider>
+    </KeyboardProvider>
   )
 }