update

2025-08-06 21:06:01 +08:00
parent d08ec7b778
commit 40e877774b
33 changed files with 1148 additions and 517 deletions
@@ -0,0 +1,47 @@
+import { View, Text } from "react-native";
+import React from "react";
+import Page from "../../layouts/Page";
+import { background } from "../../assets";
+import MusicLandHeader from "../../components/MusicLandHeader";
+import { goBack } from "../../navigation/NavigationService";
+import { LinearGradient } from "../../components/LinearGradient/LinearGradient";
+import Slider from "../../components/Slider";
+
+const SongReady = () => {
+  return (
+    <Page headerType="NONE" backgroundImg={background.studioBG2}>
+      <MusicLandHeader onPressBack={goBack} progress={49.7} />
+
+      <View>
+        <LinearGradient
+          colors={["#FF0000", "#FFFF00", "#0000FF"]} // Red to Yellow to Blue gradient
+          start={{ x: 0, y: 0.5 }}
+          end={{ x: 1, y: 0.5 }}
+          style={{
+            width: "100%",
+            height: 40,
+            borderRadius: 20, // Optional: for rounded corners
+          }}
+        >
+          <Slider
+            style={{ height: 40, width: "100%" }}
+            minimumValue={0}
+            maximumValue={100}
+            minimumTrackTintColor="transparent"
+            maximumTrackTintColor="red"
+            thumbTintColor="#FFFFFF"
+          />
+        </LinearGradient>
+        <Slider
+          minimumValue={0}
+          maximumValue={100}
+          minimumTrackTintColor="transparent"
+          maximumTrackTintColor="red"
+          thumbTintColor="#FFFFFF"
+        />
+      </View>
+    </Page>
+  );
+};
+
+export default SongReady;