feat(client): add keyboardAvoindingView to sign in screen

brunocroh · Feb 9, 2025 · 838bd2a · 838bd2a
1 parent 55ba7da
commit 838bd2a
Showing 1 changed file with 6 additions and 3 deletions.
diff --git a/apps/client/app/auth/sign-in.tsx b/apps/client/app/auth/sign-in.tsx
@@ -1,5 +1,5 @@
 import { useCallback, useState } from 'react'
-import { Text, View } from 'react-native'
+import { KeyboardAvoidingView, Platform, Text, View } from 'react-native'
 import { Link, useRouter } from 'expo-router'
 import { LockKeyhole, Mail } from 'lucide-react-native'
 import { Button } from '@/components/ui/button'
@@ -34,7 +34,10 @@ export default function Page() {
   }, [isLoaded, signIn, emailAddress, password, setActive, router])
 
   return (
-    <>
+    <KeyboardAvoidingView
+      behavior={Platform.OS === 'ios' ? 'padding' : undefined}
+      style={{ flex: 1 }}
+    >
       <View className="flex-1 items-center justify-center">
         <Text className="color-primary bg-background">
           Master English, Transform Your World. The new frontier in
@@ -62,6 +65,6 @@ export default function Page() {
           <Button variant="secondary" title="Sign Up" />
         </Link>
       </View>
-    </>
+    </KeyboardAvoidingView>
   )
 }