keyboard avoidiing fix

ArtisanConnect/app/(tabs)/notices.jsx

@@ -11,6 +11,8 @@ import { listCategories } from "@/api/categories";
 import { FormControl, FormControlLabel } from "@/components/ui/form-control";
 import { Input, InputField } from "@/components/ui/input";
 import { HStack } from "@/components/ui/hstack";
+import { KeyboardAwareScrollView } from 'react-native-keyboard-aware-scroll-view';
+import { KeyboardAvoidingView, Platform } from "react-native";
 import {
     Actionsheet,
     ActionsheetContent,
@@ -32,6 +34,7 @@ import {
     SelectDragIndicatorWrapper,
     SelectItem,
 } from "@/components/ui/select";
+import { ScrollView } from "react-native-gesture-handler";
 
 export default function Notices() {
     // Hooks
@@ -224,11 +227,16 @@ export default function Notices() {
             </Box>
             <Actionsheet isOpen={showActionsheet} onClose={handleClose}>
                 <ActionsheetBackdrop />
-                <ActionsheetContent>
+                <ActionsheetContent  style={{ maxHeight: SCREEN_HEIGHT * 0.6, width: '100%' }} >
+    <KeyboardAwareScrollView
+      contentContainerStyle={{ flexGrow: 1, width: '100%' }}
+      enableOnAndroid={true}
+      extraScrollHeight={40}
+      >
                     <ActionsheetDragIndicatorWrapper>
                         <ActionsheetDragIndicator />
                     </ActionsheetDragIndicatorWrapper>
-                    <Box className="mb-4">
+                    <Box className="mb-4" style={{ width: "100%" }}>
                         <HStack space="md" style={{ width: "100%" }}>
                             <FormControl
                                 style={{ flex: 1 }}>
@@ -254,9 +262,9 @@ export default function Notices() {
                             </FormControl>
                         </HStack>
                     </Box>
-                    <Box className="mb-4 w-full">
+                    <Box className="mb-4 w-full" style={{ flex: 1 }}>
                         <Select
-                            style={{ width: '100%' }}
+                            style={{ width: '100%',  flex: 1  }}
                             selectedValue={params.category || ''}
                             onValueChange={handleCategorySelect}
                         >
@@ -290,7 +298,7 @@ export default function Notices() {
                             </SelectPortal>
                         </Select>
                     </Box>
-
+</KeyboardAwareScrollView>
                 </ActionsheetContent>
             </Actionsheet>
             <Actionsheet isOpen={showSortSheet} onClose={() => setShowSortSheet(false)}>