update

2025-08-12 21:03:49 +08:00
parent 5a521d2f3d
commit 7d8942e125
49 changed files with 1002 additions and 122 deletions
@@ -0,0 +1,44 @@
+import { View, Image, ScrollView } from "react-native";
+import React from "react";
+import Page from "../../layouts/Page";
+import { background, icons } from "../../assets";
+import SearchBar from "../../components/SearchBar";
+import MyMusic from "./components/MyMusic";
+import BackTracks from "./components/BackTracks";
+import MyClips from "./components/MyClips";
+import LikedMusic from "./components/LikedMusic";
+import LikedPlayback from "./components/LikedPlayback";
+import LikedClips from "./components/LikedClips";
+import { responsiveHeight } from "react-native-responsive-dimensions";
+import MyPlaylist from "./components/MyPlaylist";
+
+const Library = () => {
+  return (
+    <Page backgroundImg={background.libraryBG} headerType="NONE">
+      <View style={{ gap: 17, paddingBottom: 20 }}>
+        <Image source={icons.musicLandLogo} style={{ alignSelf: "center" }} />
+        <SearchBar />
+      </View>
+      <View style={{ flex: 1 }}>
+        <ScrollView
+          contentContainerStyle={{
+            flexGrow: 1,
+            gap: 20,
+            paddingBottom: responsiveHeight(20),
+          }}
+          showsVerticalScrollIndicator={false}
+        >
+          <MyMusic />
+          <BackTracks />
+          <LikedMusic />
+          <MyClips />
+          <MyPlaylist />
+          <LikedPlayback />
+          <LikedClips />
+        </ScrollView>
+      </View>
+    </Page>
+  );
+};
+
+export default Library;