components/borderBottomItem.tsx

@@ -1,6 +1,6 @@
 import { ColorsStatus } from "@/constants/ColorsStatus";
 import Styles from "@/constants/Styles";
-import React from "react";
+import React, { useState } from "react";
 import { Dimensions, Pressable, View } from "react-native";
 import Text from "./Text";
 
@@ -27,9 +27,13 @@ export default function BorderBottomItem({ title, subtitle, icon, desc, onPress,
    const lebarDim = Dimensions.get("window").width;
    const lebar = width ? lebarDim * width / 100 : 'auto';
    const textColorFix = textColor ? textColor : 'black';
+   const [isTap, setIsTap] = useState(false);
+
 
    return (
       <Pressable onLongPress={onLongPress} onPress={onPress}
+         onPressIn={() => setIsTap(true)}
+         onPressOut={() => setIsTap(false)}
          style={({ pressed }) => [
             borderType == 'bottom'
                ? Styles.wrapItemBorderBottom
@@ -38,7 +42,7 @@ export default function BorderBottomItem({ title, subtitle, icon, desc, onPress,
                   : Styles.wrapItemBorderNone,
             bgColor && bgColor == 'white' && ColorsStatus.white,
             // efek warna saat ditekan (sementara)
-            pressed && colorPress && ColorsStatus.pressedGray,
+            isTap && colorPress && ColorsStatus.pressedGray,
          ]}
       >
          <View style={[Styles.rowItemsCenter]}>