From 6cd703af3356c1f762973c743f0852090ef99859 Mon Sep 17 00:00:00 2001
From: mudabbir-ahmad <mudabbira.uk@gmail.com>
Date: Thu, 4 Dec 2025 17:51:50 +0000
Subject: [PATCH] added keyboard avoiding view and scroll view to form.js

---
 src/components/UI/Form.js | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/components/UI/Form.js b/src/components/UI/Form.js
index f6c44cc..394c141 100644
--- a/src/components/UI/Form.js
+++ b/src/components/UI/Form.js
@@ -1,4 +1,4 @@
-import {StyleSheet, Text, TextInput, View} from "react-native";
+import {KeyboardAvoidingView, ScrollView, StyleSheet, Text, TextInput, View} from "react-native";
 import {Picker} from "@react-native-picker/picker";
 
 import {Button, ButtonTray} from "./Button";
@@ -13,17 +13,17 @@ const Form = ({children, onSubmit, onCancel, submitLabel, submitIcon}) => {
     //   View -----------------------
 
     return (
-        <View style={styles.formContainer}>
+        <KeyboardAvoidingView style={styles.formContainer}>
 
-            <View style={styles.formItems}>
+            <ScrollView contentContainerStyle={styles.formItems}>
                 {children}
-            </View>
+            </ScrollView>
 
             <ButtonTray>
                 <Button label='Cancel' icon={<Icons.Close/>} onClick={onCancel}/>
                 <Button label={submitLabel} icon={submitIcon} onClick={onSubmit}/>
             </ButtonTray>
-        </View>
+        </KeyboardAvoidingView>
     );
 };