wibu/mobile-darmasaba
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

upd: tombol style

Browse Source 
Deskripsi:
- bgcolor saat long press

No Issues
This commit is contained in:
amaliadwiy
2025-10-15 15:41:42 +08:00
parent 863871aae5
commit 04f7bda40f
1 changed files with 6 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
components/borderBottomItem.tsx
View File

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