Deskripsi:
- progress
- judul pada carousel paper

No Issues
This commit is contained in:
2025-07-10 17:06:17 +08:00
parent 0df97a3a4b
commit 33112cdd31
7 changed files with 13 additions and 11 deletions

View File

@@ -6,18 +6,19 @@ import { Animated, View } from "react-native";
type Props = {
margin?: number
value: number
category: "page" | "carousel"
category: "page" | "carousel" | "list"
}
export default function ProgressBar({ margin, value, category }: Props) {
const [progress, setProgress] = useState(new Animated.Value(0));
const [totalProgress, setTotalProgress] = useState(category == 'carousel' ? 255 : 290);
const [totalProgress, setTotalProgress] = useState(category == 'carousel' ? 232 : category == 'page' ? 245 : 290);
useEffect(() => {
Animated.timing(progress, {
// carousel:: 100% = 255
// page:: 100% = 290
// wrapbar :: 90%
toValue: value / 100 * totalProgress,
duration: 1000,
useNativeDriver: false