blurs

src/screens/Library/Library.js

@@ -1,3 +1,4 @@
+import { BlurView } from "expo-blur";
 import React from "react";
 import {
   Image,
@@ -77,7 +78,13 @@ const Library = () => {
           }}
           showsVerticalScrollIndicator={false}
         >
-          {hasMyMusic && <MyMusic />}
+          <BlurView
+            intensity={20}
+            experimentalBlurMethod="dimezisBlurView"
+            style={{ borderRadius: 12, padding: 12, overflow: "hidden" }}
+          >
+            {hasMyMusic && <MyMusic />}
+          </BlurView>
           {hasBackTracks && <BackTracks />}
           {hasLikedMusic && <LikedMusic />}
           {hasMyClips && <MyClips />}