fix OOM?

components/Album/component.tsx

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

components/Albums/component.tsx

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

components/Artist/component.tsx

@@ -39,8 +39,10 @@ export default function Artist({
 
     return (
         <ScrollView 
+            alignContent="center"
             contentInsetAdjustmentBehavior="automatic"
-            alignContent="center">
+            removeClippedSubviews
+        >
             <YStack alignContent="center" justifyContent="center" minHeight={bannerHeight}>
                 <BlurhashedImage
                     borderRadius={0}
@@ -73,6 +75,9 @@ export default function Artist({
                             />
                         )
                     }}
+                    style={{
+                        overflow: 'hidden' // Prevent unnecessary memory usage
+                    }} 
                 />
         </ScrollView>
     )

components/Artists/component.tsx

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

components/Discover/component.tsx

@@ -5,7 +5,7 @@ import { ScrollView } from "tamagui";
 export default function Index() : React.JSX.Element {
     return (
         <SafeAreaView>
-            <ScrollView>
+            <ScrollView removeClippedSubviews>
                 
             </ScrollView>
         </SafeAreaView>

components/Global/components/horizontal-list.tsx

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

components/Home/component.tsx

@@ -32,10 +32,12 @@ export function ProvidedHome({
                 contentInsetAdjustmentBehavior="automatic"
                 refreshControl={
                     <RefreshControl 
-                        refreshing={refetching} 
-                        onRefresh={onRefetch}
+                    refreshing={refetching} 
+                    onRefresh={onRefetch}
                     />
-                }>
+                }
+                removeClippedSubviews // Save memory usage
+            >
                 <YStack alignContent='flex-start'>
                     <XStack margin={"$2"}>
                         <H3>{`Hi, ${Client.user!.name}`}</H3>

components/Home/helpers/playlists.tsx

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

components/Home/helpers/recently-played.tsx

@@ -42,7 +42,10 @@ export default function RecentlyPlayed({
                     </YStack>
                 )}
             </XStack>
-            <ScrollView horizontal>
+            <ScrollView 
+                horizontal
+                removeClippedSubviews // Save memory usage
+            >
                 { recentTracks && recentTracks.map((recentlyPlayedTrack, index) => {
                     return (
                         <ItemCard

components/Home/screens/playlists.tsx

@@ -20,6 +20,9 @@ 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,6 +20,9 @@ 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,6 +20,9 @@ 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/ItemDetail/component.tsx

@@ -59,7 +59,10 @@ export default function ItemDetail({
     }
 
     return (
-        <ScrollView contentInsetAdjustmentBehavior="automatic">
+        <ScrollView 
+            contentInsetAdjustmentBehavior="automatic"
+            removeClippedSubviews
+        >
             <YStack 
                 alignItems="center" 
                 flex={1}

components/Library/component.tsx

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

components/Player/screens/queue.tsx

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

components/Playlist/component.tsx

@@ -205,6 +205,9 @@ export default function Playlist({
                     <RunTimeTicks>{ playlist.RunTimeTicks }</RunTimeTicks>
                 </XStack>
             )}
+            style={{
+                overflow: 'hidden' // Prevent unnecessary memory usage
+            }} 
         />
     )
 }

components/Playlists/component.tsx

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

components/Search/component.tsx

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

components/Settings/component.tsx

@@ -17,7 +17,10 @@ export default function Root({
     const { width } = useSafeAreaFrame();
 
     return (
-        <ScrollView contentInsetAdjustmentBehavior="automatic">
+        <ScrollView 
+            contentInsetAdjustmentBehavior="automatic"
+            removeClippedSubviews
+        >
             <YGroup 
                 alignSelf="center" 
                 bordered 

components/Settings/helpers/dev-tools.tsx

@@ -11,7 +11,10 @@ export default function DevTools() : React.JSX.Element {
     })
 
     return (
-        <ScrollView contentInsetAdjustmentBehavior="automatic">
+        <ScrollView 
+            contentInsetAdjustmentBehavior="automatic"
+            removeClippedSubviews
+        >
             <Button onPress={cleanImageDirectory.mutate}>Clean Image Cache</Button>
         </ScrollView>
     )

components/Tracks/component.tsx

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