KeyboardAvoidingView

ekran dodawania

ArtisanConnect/app/(tabs)/notice/create.jsx

@@ -1,5 +1,5 @@
 import {useState, useEffect} from "react";
-import { Image, StyleSheet } from "react-native";
+import {Image, StyleSheet, KeyboardAvoidingView, Platform} from "react-native";
 import {Button, ButtonText} from "@/components/ui/button";
 import {FormControl} from "@/components/ui/form-control";
 import {Input, InputField} from "@/components/ui/input";
@@ -159,6 +159,11 @@ export default function CreateNotice() {
     };
 
     return (
+        <KeyboardAvoidingView
+            behavior={Platform.OS === 'ios' ? 'padding' : 'height'}
+            style={{flex: 1}}
+            keyboardVerticalOffset={Platform.OS === 'ios' ? 64 : 0}
+        >
             <ScrollView h="$80" w="$80">
                 <FormControl className="p-4 border rounded-lg border-outline-300">
                     <VStack space="xl">
@@ -259,5 +264,6 @@ export default function CreateNotice() {
                     </VStack>
                 </FormControl>
             </ScrollView>
+        </KeyboardAvoidingView>
     );
 }