u

code/allapp/allapp-rn/src/app/(tabs)/chat.tsx

@@ -1,5 +1,7 @@
 import { Text, View } from 'react-native'
+import { ScrollView } from 'react-native-gesture-handler'
 import { AButton, ACell, ACellGroup } from '@/components/common/ao'
+import { Grid, GridItem } from '@/components/ui/grid'
 import { useMoneyCategoryStore } from '@/store/moneyCategory'
 
 export default function Demo() {
@@ -15,22 +17,13 @@ export default function Demo() {
   }
 
   return (
-    <View
-      className="flex-1"
-      style={{
-        marginTop: 34,
-      }}
-    >
-      <ACellGroup>
-        <ACell leftIcon="Zap" title="测试" rightText="测试右边" isLink />
-        <ACell leftIcon="Airplay" title="测试" rightText="测试右边" isLink />
-        <ACell leftIcon="Airplay" title="测试" rightText="测试右边" isLink />
-        <ACell leftIcon="Airplay" title="测试" rightText="测试右边" isLink />
-        <ACell leftIcon="Airplay" title="测试" rightText="测试右边" isLink />
-      </ACellGroup>
-
-      <AButton onPress={() => resetCategory()}>重置记账分类</AButton>
-      <AButton onPress={() => getCategories()}>获取记账分类</AButton>
-    </View>
+    <ScrollView>
+      <Grid className="gap-4 p-4" _extra={{ className: 'grid-cols-12' }}>
+        <GridItem className="bg-background-50 p-6 rounded-md" _extra={{ className: 'col-span-3' }} />
+        <GridItem className="bg-background-50 p-6 rounded-md" _extra={{ className: 'col-span-3' }} />
+        <GridItem className="bg-background-50 p-6 rounded-md" _extra={{ className: 'col-span-3' }} />
+        <GridItem className="bg-background-50 p-6 rounded-md" _extra={{ className: 'col-span-3' }} />
+      </Grid>
+    </ScrollView>
   )
 }