Kantongku: bersihkan duplikat effect animasi
This commit is contained in:
@@ -71,52 +71,6 @@ export function DashboardScreen() {
|
|||||||
return () => loop.stop();
|
return () => loop.stop();
|
||||||
}, [heartScale]);
|
}, [heartScale]);
|
||||||
|
|
||||||
// Bar HP: width bergerak halus mengikuti data
|
|
||||||
useEffect(() => {
|
|
||||||
Animated.timing(hpAnim, {
|
|
||||||
toValue: hpPct,
|
|
||||||
duration: 800,
|
|
||||||
useNativeDriver: false,
|
|
||||||
}).start();
|
|
||||||
}, [hpPct, hpAnim]);
|
|
||||||
|
|
||||||
// Shimmer: kilau menyapu di atas bar
|
|
||||||
useEffect(() => {
|
|
||||||
const loop = Animated.loop(
|
|
||||||
Animated.timing(shimmerX, {
|
|
||||||
toValue: 480,
|
|
||||||
duration: 2200,
|
|
||||||
useNativeDriver: true,
|
|
||||||
})
|
|
||||||
);
|
|
||||||
loop.start();
|
|
||||||
return () => loop.stop();
|
|
||||||
}, [shimmerX]);
|
|
||||||
|
|
||||||
// Denyut saat kritis
|
|
||||||
useEffect(() => {
|
|
||||||
let loop: Animated.CompositeAnimation | null = null;
|
|
||||||
if (hpPct < 40) {
|
|
||||||
loop = Animated.loop(
|
|
||||||
Animated.sequence([
|
|
||||||
Animated.timing(pulse, {
|
|
||||||
toValue: 0.5,
|
|
||||||
duration: 480,
|
|
||||||
useNativeDriver: true,
|
|
||||||
}),
|
|
||||||
Animated.timing(pulse, {
|
|
||||||
toValue: 1,
|
|
||||||
duration: 480,
|
|
||||||
useNativeDriver: true,
|
|
||||||
}),
|
|
||||||
])
|
|
||||||
);
|
|
||||||
loop.start();
|
|
||||||
} else {
|
|
||||||
pulse.setValue(1);
|
|
||||||
}
|
|
||||||
return () => loop?.stop();
|
|
||||||
}, [hpPct, pulse]);
|
|
||||||
const [monthExpense, setMonthExpense] = useState(0);
|
const [monthExpense, setMonthExpense] = useState(0);
|
||||||
const [monthIncome, setMonthIncome] = useState(0);
|
const [monthIncome, setMonthIncome] = useState(0);
|
||||||
const [topCategory, setTopCategory] = useState<{
|
const [topCategory, setTopCategory] = useState<{
|
||||||
|
|||||||
Reference in New Issue
Block a user