update

2025-08-05 21:04:28 +08:00
parent e22b87bd49
commit d08ec7b778
24 changed files with 994 additions and 78 deletions
@@ -2,8 +2,13 @@ import { useEffect, useState } from "react";
 import { View } from "react-native";
 import { mainBorderRadius } from "../styles/Style";
 import { Palette } from "../styles";
+import { LinearGradient } from "./LinearGradient/LinearGradient";

-const ProgressBar = ({ progress = 0, containerStyle = {} }) => {
+const ProgressBar = ({
+  progress = 0,
+  containerStyle = {},
+  gradient = false,
+}) => {
  return (
    <View
      style={{
@@ -15,14 +20,27 @@ const ProgressBar = ({ progress = 0, containerStyle = {} }) => {
        ...containerStyle,
      }}
    >
-      <View
-        style={{
-          width: `${progress}%`,
-          height: "100%",
-          backgroundColor: Palette.white,
-          borderRadius: mainBorderRadius,
-        }}
-      />
+      {gradient ? (
+        <LinearGradient
+          colors={["#F94697", "#7023F7"]}
+          style={{
+            width: `${progress}%`,
+            height: "100%",
+            borderRadius: mainBorderRadius,
+          }}
+          start={{ x: 0, y: 0 }}
+          end={{ x: 1, y: 0 }}
+        />
+      ) : (
+        <View
+          style={{
+            width: `${progress}%`,
+            height: "100%",
+            backgroundColor: Palette.white,
+            borderRadius: mainBorderRadius,
+          }}
+        />
+      )}
    </View>
  );
 };