From 0bdb90ef3d800d70de858eb27c7eca60f100f413 Mon Sep 17 00:00:00 2001
From: Bwlok <bwlok.t@gmail.com>
Date: Fri, 7 Nov 2025 06:55:56 +0100
Subject: [PATCH] Improve AssetBrowser displaying

---
 .../settings/pages/Developer/AssetBrowser.tsx | 23 +++++++++++--------
 1 file changed, 13 insertions(+), 10 deletions(-)

diff --git a/src/core/ui/settings/pages/Developer/AssetBrowser.tsx b/src/core/ui/settings/pages/Developer/AssetBrowser.tsx
index b1bdcbb..bc91c95 100644
--- a/src/core/ui/settings/pages/Developer/AssetBrowser.tsx
+++ b/src/core/ui/settings/pages/Developer/AssetBrowser.tsx
@@ -3,7 +3,7 @@ import { iterateAssets } from "@lib/api/assets";
 import { Text } from "@metro/common/components";
 import { ErrorBoundary, Search } from "@ui/components";
 import { useMemo } from "react";
-import { FlatList, View } from "react-native";
+import { FlatList, View, ScrollView } from "react-native";
 
 export default function AssetBrowser() {
     const [search, setSearch] = React.useState("");
@@ -16,15 +16,18 @@ export default function AssetBrowser() {
                     style={{ margin: 10 }}
                     onChangeText={(v: string) => setSearch(v)}
                 />
-                <View style={{ flex: 1, borderRadius: 16, paddingHorizontal: 12, overflow: 'hidden', backgroundColor: 'transparent' }}>
-                    <Text variant='text-sm/medium' color='text-danger' style={{ marginBottom: 16 }}>Some assets types cannot be displayed and will be marked in red.</Text>
-                    <FlatList
-                        data={all.filter(a => a.name.includes(search) || a.id.toString() === search)}
-                        renderItem={({ item }: any) => <AssetDisplay asset={item} />}
-                        contentContainerStyle={{ overflow: 'hidden', backgroundColor: 'transparent', borderRadius: 16 }}
-                        keyExtractor={a => a.name}
-                    />
-                </View>
+                <ScrollView>
+                  <View style={{ flex: 1, borderRadius: 16, paddingHorizontal: 12, overflow: 'hidden', backgroundColor: 'transparent' }}>
+                      <Text variant='text-sm/medium' color='text-danger' style={{ marginBottom: 16 }}>Some assets types cannot be displayed and will be marked in red.</Text>
+                      <FlatList
+                          data={all.filter(a => a.name.includes(search) || a.id.toString() === search)}
+                          renderItem={({ item }: any) => <AssetDisplay asset={item} />}
+                          contentContainerStyle={{ overflow: 'hidden', backgroundColor: 'transparent', borderRadius: 16 }}
+                          scrollEnabled={false}
+                          keyExtractor={a => a.id.toString()}
+                      />
+                  </View>
+                </ScrollView>
             </View>
         </ErrorBoundary>
     );