fix component drawer

app/(application)/profile/[id]/index.tsx

@@ -10,7 +10,7 @@ import { Styles } from "@/styles/global-styles";
 import { Ionicons } from "@expo/vector-icons";
 import { router, Stack, useLocalSearchParams } from "expo-router";
 import React, { useRef, useState } from "react";
-import { Animated, Text, TouchableHighlight, TouchableOpacity, View } from "react-native";
+import { Animated, InteractionManager, Text, TouchableHighlight, TouchableOpacity, View } from "react-native";
 
 export default function Profile() {
   const { id } = useLocalSearchParams();
@@ -64,8 +64,10 @@ export default function Profile() {
       duration: 300,
       useNativeDriver: true,
     }).start(() => {
+      InteractionManager.runAfterInteractions(() => {
         setIsDrawerOpen(false); // baru ganti state setelah animasi selesai
       });
+    });
   };
 
   const handleLogout = () => {

components/Drawer/DrawerCustom.tsx

@@ -3,7 +3,8 @@ import {
   Animated,
   PanResponder,
   StyleSheet,
-    View
+  View,
+  InteractionManager,
 } from "react-native";
 
 import { AccentColor, MainColor } from "@/constants/color-palet";
@@ -39,7 +40,9 @@ DrawerCustomProps) {
       },
       onPanResponderRelease: (_, gestureState) => {
         if (gestureState.dy > 200) {
+          InteractionManager.runAfterInteractions(() => {
             closeDrawer();
+          });
         } else {
           Animated.spring(drawerAnim, {
             toValue: 0,
@@ -59,7 +62,9 @@ DrawerCustomProps) {
         style={styles.overlay}
         pointerEvents="auto"
         onTouchStart={() => {
-          setTimeout(closeDrawer, 0);
+          InteractionManager.runAfterInteractions(() => {
+            closeDrawer();
+          });
         }}
       />
 

components/index.ts

@@ -0,0 +1,19 @@
+import { TextInputCustom } from "./TextInput/TextInputCustom";
+import ButtonCustom from "./Button/ButtonCustom";
+import AlertCustom from "./Alert/AlertCustom";
+import DrawerCustom from "./Drawer/DrawerCustom";
+import ViewWrapper from "./_ShareComponent/ViewWrapper";
+import BackButton from "./_ShareComponent/BackButton";
+import Spacing from "./_ShareComponent/Spacing";
+import TruncatedText from "./_ShareComponent/TruncatedText";
+
+export {
+  TextInputCustom,
+  ButtonCustom,
+  AlertCustom,
+  DrawerCustom,
+  ViewWrapper,
+  BackButton,
+  Spacing,
+  TruncatedText,
+};