u

code/base-project/base-app/src/app/(tabs)/_layout.tsx

@@ -1,5 +1,5 @@
-import type { TabbarItem } from '@/components/custom/app-tabbar'
-import AppTabbar from '@/components/custom/app-tabbar'
+import type { TabbarItem } from '@/components/custom/tabbar'
+import CustomTabbar from '@/components/custom/tabbar'
 import { useToast } from '@/utils/toast'
 
 export default function TabsLayout() {
@@ -40,6 +40,6 @@ export default function TabsLayout() {
     },
   ]
   return (
-    <AppTabbar data={tabbarOptions} />
+    <CustomTabbar data={tabbarOptions} />
   )
 }

code/base-project/base-app/src/app/(tabs)/chat.tsx

@@ -1,9 +1,15 @@
-import { Text, View } from 'react-native'
+import { ScrollView, Text, View } from 'react-native'
 
 export default function Chat() {
   return (
-    <View>
-      <Text>Chat</Text>
-    </View>
+    <ScrollView contentContainerStyle={{ padding: 16 }}>
+      {Array.from({ length: 50 }).map((_, i) => (
+        <Text key={i} style={{ marginBottom: 10, fontSize: 16 }}>
+          Chat message
+          {' '}
+          {i + 1}
+        </Text>
+      ))}
+    </ScrollView>
   )
 }