u

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

@@ -1,20 +1,34 @@
 import { useRouter } from 'expo-router'
-import { Text, View } from 'react-native'
+import { Image, Text, View } from 'react-native'
 import { SafeAreaView } from 'react-native-safe-area-context'
 import { AButton } from '@/components/common/ao'
-// 这个页面的作用是作为占位页，避免进入 (tabs) layout 时出现 404 页面。
-// 如果想指定默认页面，可以通过 router.replace 或 TabTrigger 指向具体子页面。
+
 export default function Index() {
   const router = useRouter()
 
   return (
-    <SafeAreaView>
-      <View>
-        <AButton onPress={() => {
-          router.push('/money')
-        }}
+    <SafeAreaView className="flex-1 bg-white">
+      <View className="flex-1 items-center justify-center px-6">
+
+        <Image
+          source={require('@/static/images/welcome.png')}
+          className="w-86 h-48 mb-6"
+          resizeMode="contain"
+        />
+
+        <Text className="text-2xl font-semibold text-gray-900 mb-3">
+          🎉 欢迎使用 OneAO
+        </Text>
+
+        <Text className="text-base text-gray-500 text-center mb-10">
+          记录生活，记录情绪，也记录每一笔重要的支出
+        </Text>
+
+        <AButton
+          className="w-full"
+          onPress={() => router.replace('/money')}
         >
-          测试
+          开始使用
         </AButton>
       </View>
     </SafeAreaView>