fix flatlists

components/Album/index.tsx

@@ -135,9 +135,6 @@ export function AlbumScreen({
                     </YStack>
 
                 )}
-                // style={{
-                //     overflow: 'hidden' // Prevent unnecessary memory usage
-                // }} 
             />
     )
 }

components/Albums/component.tsx

@@ -39,9 +39,6 @@ export default function Albums({ navigation }: AlbumsProps) : React.JSX.Element
                         />
                     )
                 }}
-                style={{
-                    overflow: 'hidden' // Prevent unnecessary memory usage
-                }} 
             />
         )
     }

components/Artist/component.tsx

@@ -97,9 +97,6 @@ export default function Artist({
                             />
                         )
                     }}
-                    style={{
-                        overflow: 'hidden' // Prevent unnecessary memory usage
-                    }} 
                 />
         </ScrollView>
     )

components/Artists/component.tsx

@@ -55,9 +55,6 @@ export default function Artists({
                     />
                 )
             }}
-            style={{
-                overflow: 'hidden' // Prevent unnecessary memory usage
-            }} 
         />
     )
 }

components/Global/components/horizontal-list.tsx

@@ -52,9 +52,6 @@ export default function HorizontalCardList({
                 />
                 ) : undefined}
             }
-            style={{
-                overflow: 'hidden' // Prevent unnecessary memory usage
-            }} 
         />
     )
 }

components/Home/helpers/playlists.tsx

@@ -36,9 +36,6 @@ export default function Playlists({ navigation }: { navigation: NativeStackNavig
                             }} />
                     )
                 }}
-                style={{
-                    overflow: 'hidden' // Prevent unnecessary memory usage
-                }} 
             />
         </View>
     )

components/Home/screens/playlists.tsx

@@ -20,9 +20,6 @@ export default function RecentArtistsScreen({
             renderItem={({ index, item: artist }) => {
                 return <Item item={artist} queueName="" navigation={navigation} />
             }}
-            style={{
-                overflow: 'hidden' // Prevent unnecessary memory usage
-            }} 
         />
     )
 

components/Home/screens/recent-artists.tsx

@@ -20,9 +20,6 @@ export default function RecentArtistsScreen({
             renderItem={({ index, item: artist }) => {
                 return <Item item={artist} queueName="" navigation={navigation} />
             }}
-            style={{
-                overflow: 'hidden' // Prevent unnecessary memory usage
-            }} 
         />
     )
 

components/Home/screens/recently-played.tsx

@@ -20,9 +20,6 @@ export default function RecentArtistsScreen({
             renderItem={({ index, item: track }) => {
                 return <Item item={track} queueName="Recently Played" navigation={navigation} />
             }}
-            style={{
-                overflow: 'hidden' // Prevent unnecessary memory usage
-            }} 
         />
     )
 

components/Library/component.tsx

@@ -35,9 +35,6 @@ export default function Library({
                         />
                     )
                 }}
-                style={{
-                    overflow: 'hidden' // Prevent unnecessary memory usage
-                }} 
             />
         </SafeAreaView>
     )

components/Playlist/component.tsx

@@ -153,6 +153,7 @@ export default function Playlist({
 
     return (
         <DraggableFlatList
+            removeClippedSubviews={false}
             contentInsetAdjustmentBehavior="automatic"
             data={playlistTracks}
             dragHitSlop={{ left: -50 }} // https://github.com/computerjazz/react-native-draggable-flatlist/issues/336

components/Playlists/component.tsx

@@ -51,9 +51,6 @@ export default function FavoritePlaylists({ navigation }: FavoritePlaylistsProps
                     />
                 )
             }}
-            style={{
-                overflow: 'hidden' // Prevent unnecessary memory usage
-            }} 
         />
     )
 }

components/Search/component.tsx

@@ -64,9 +64,6 @@ export default function Search({
                     <Item item={item} queueName={searchString ?? "Search"} navigation={navigation} />
                 )
             }} 
-            style={{
-                overflow: 'hidden' // Prevent unnecessary memory usage
-            }} 
         />
     )
 }

components/Tracks/screen.tsx

@@ -41,9 +41,6 @@ export default function TracksScreen({
 
                 )
             }}
-            style={{
-                overflow: 'hidden' // Prevent unnecessary memory usage
-            }} 
         />
     )
 }