position

Deskripsi:
- edit position
- delete position

No Issues

components/drawerBottom.tsx

@@ -1,6 +1,6 @@
-import Styles from "@/constants/Styles"
-import { MaterialIcons } from "@expo/vector-icons"
-import { Pressable, Text, View } from "react-native"
+import Styles from "@/constants/Styles";
+import { MaterialIcons } from "@expo/vector-icons";
+import { Pressable, Text, View } from "react-native";
 import Modal from 'react-native-modal';
 
 type Props = {
@@ -10,9 +10,10 @@ type Props = {
    children: React.ReactNode
    animation?: 'slide' | 'none' | 'fade'
    height?: number
+   backdropPressable?: boolean
 }
 
-export default function DrawerBottom({ isVisible, setVisible, title, children, animation, height }: Props) {
+export default function DrawerBottom({ isVisible, setVisible, title, children, animation, height, backdropPressable = true }: Props) {
    return (
       // <Modal
       //    animationType={animation}
@@ -39,7 +40,7 @@ export default function DrawerBottom({ isVisible, setVisible, title, children, a
          onSwipeComplete={() => setVisible(false)}
          swipeDirection="down"
          hideModalContentWhileAnimating={true}
-         // onBackdropPress={() => { setVisible(true) }}
+         onBackdropPress={() => { setVisible(!backdropPressable) }}
          style={[{ justifyContent: 'flex-end', margin: 0 }]}
       >
          <View style={[Styles.modalContentNew, height != undefined ? { height: `${height}%` } : { height: '25%' }]}>