u

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

@@ -0,0 +1,45 @@
+import type { TabbarItem } from '@/components/custom/app-tabbar'
+import AppTabbar from '@/components/custom/app-tabbar'
+import { useToast } from '@/utils/toast'
+
+export default function TabsLayout() {
+  const toast = useToast()
+
+  const tabbarOptions: TabbarItem[] = [
+    {
+      name: 'user',
+      href: '/user',
+      icon: 'CircleCheckBig',
+    },
+
+    {
+      name: 'money',
+      href: '/money',
+      icon: 'CircleDollarSign',
+    },
+    {
+      name: 'app',
+      icon: 'LayoutGrid',
+      activeIcon: 'Smile',
+      iconSize: 26,
+      onPress: () => {
+        toast.show({
+          title: '该功能尚未开发，请尽情期待！',
+        })
+      },
+    },
+    {
+      name: 'chat',
+      href: '/chat',
+      icon: 'MessageCircle',
+    },
+    {
+      name: 'love',
+      href: '/love',
+      icon: 'Heart',
+    },
+  ]
+  return (
+    <AppTabbar data={tabbarOptions} />
+  )
+}

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

@@ -0,0 +1,9 @@
+import { Text, View } from 'react-native'
+
+export default function Chat() {
+  return (
+    <View>
+      <Text>Chat</Text>
+    </View>
+  )
+}

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

@@ -0,0 +1,9 @@
+import { Text, View } from 'react-native'
+
+export default function Love() {
+  return (
+    <View>
+      <Text>Love</Text>
+    </View>
+  )
+}

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

@@ -0,0 +1,9 @@
+import { Text, View } from 'react-native'
+
+export default function Money() {
+  return (
+    <View>
+      <Text>Money</Text>
+    </View>
+  )
+}

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

@@ -0,0 +1,9 @@
+import { Text, View } from 'react-native'
+
+export default function User() {
+  return (
+    <View>
+      <Text>User</Text>
+    </View>
+  )
+}

code/base-project/base-app/src/app/+middleware.tsx

@@ -0,0 +1,10 @@
+import { Redirect } from 'expo-router'
+
+export function middleware({ pathname }: { pathname: string }) {
+  console.log(pathname)
+
+  // 示例：如果需要重定向
+  // if (pathname === '/old-path') {
+  //   return Redirect('/new-path');
+  // }
+}

code/base-project/base-app/src/app/+native-intent.tsx

@@ -0,0 +1,12 @@
+import { useEffect } from 'react'
+import { Linking } from 'react-native'
+
+export default function NativeIntent() {
+  useEffect(() => {
+    Linking.getInitialURL().then((url) => {
+      console.log('处理未匹配的深度链接', url)
+    })
+  }, [])
+
+  return null
+}

code/base-project/base-app/src/app/+not-found.tsx

@@ -0,0 +1,19 @@
+import { router, Stack } from 'expo-router'
+import { ArrowLeft } from 'lucide-react-native'
+import { EmptyState } from '@/components/common/empty-status'
+
+export default function NotFound() {
+  return (
+    <>
+      <Stack.Screen options={{ headerShown: false }} />
+      <EmptyState
+        image={require('@/static/images/404.png')}
+        title="(´･ω･`) 页面走丢了～"
+        description="回首页看看吧！"
+        buttonText="返回应用首页"
+        buttonIcon={ArrowLeft}
+        onButtonPress={() => router.replace('/')}
+      />
+    </>
+  )
+}

code/base-project/base-app/src/app/_layout.tsx

@@ -0,0 +1,65 @@
+import type { ErrorBoundaryProps } from 'expo-router'
+import { ToastProvider } from '@gluestack-ui/core/toast/creator'
+import { useFonts } from 'expo-font'
+import { Stack } from 'expo-router'
+import * as SplashScreen from 'expo-splash-screen'
+import { StatusBar } from 'expo-status-bar'
+import { RefreshCw } from 'lucide-react-native'
+import { useEffect } from 'react'
+import { EmptyState } from '@/components/common/empty-status'
+import { GluestackUIProvider } from '@/components/ui/gluestack-ui-provider'
+import { ToastProviderWrapper } from '@/utils/toast'
+import '@/styles/global.css'
+import 'react-native-reanimated'
+import 'react-native-gesture-handler'
+
+SplashScreen.preventAutoHideAsync()
+
+export function ErrorBoundary({ error, retry }: ErrorBoundaryProps) {
+  return (
+    <GluestackUIProvider>
+      <EmptyState
+        image={require('@/static/images/server-error.png')}
+        title="(´･ω･`) 出错啦～"
+        description={`发生了一点小问题：\n${error?.message || '请稍后再试'}`}
+        buttonText="重新加载"
+        buttonIcon={RefreshCw}
+        onButtonPress={retry}
+      />
+    </GluestackUIProvider>
+  )
+}
+
+export default function RootLayout() {
+  const [loaded] = useFonts({
+    SpaceMono: require('@/static/fonts/SpaceMono-Regular.ttf'),
+  })
+
+  useEffect(() => {
+    if (loaded) {
+      SplashScreen.hideAsync()
+    }
+  }, [loaded])
+
+  return (
+    <GluestackUIProvider>
+      <ToastProvider>
+        <ToastProviderWrapper>
+          <Stack
+            screenOptions={{
+              headerTitleAlign: 'center',
+              animation: 'slide_from_right',
+            }}
+          >
+            <Stack.Screen
+              name="(tabs)"
+              options={{ headerShown: false }}
+            />
+            <Stack.Screen name="+not-found" />
+          </Stack>
+          <StatusBar style="auto" />
+        </ToastProviderWrapper>
+      </ToastProvider>
+    </GluestackUIProvider>
+  )
+}