u

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

@@ -1,47 +1,27 @@
-import type { TabbarItem } from '@/components/custom/Tabbar'
-import CustomTabbar from '@/components/custom/Tabbar'
-import { toast } from '@/utils/toast'
-
-export const unstable_settings = {
-  initialRouteName: 'money/index',
-}
+import { TabSlot } from 'expo-router/ui'
+import { Text, View } from 'react-native'
 
 export default function TabsLayout() {
-  const tabbarOptions: TabbarItem[] = [
-    {
-      name: 'money',
-      href: '/money',
-      icon: 'CircleDollarSign',
-    },
-    {
-      name: 'love',
-      href: '/love',
-      icon: 'Heart',
-    },
-    {
-      name: 'app',
-      icon: 'LayoutGrid',
-      activeIcon: 'Smile',
-      iconSize: 26,
-      onPress: () => {
-        toast.show({
-          title: '该功能尚未开发，请尽情期待！',
-        })
-      },
-    },
-    {
-      name: 'chat',
-      href: '/chat',
-      icon: 'MessageCircle',
-    },
-    {
-      name: 'user',
-      href: '/user',
-      icon: 'CircleUserRound',
-    },
-  ]
-
   return (
-    <CustomTabbar data={tabbarOptions} />
+    <View className="flex-1 bg-gray-100">
+      <View className="flex-1 px-4 pt-4 pb-24">
+        <TabSlot />
+      </View>
+
+      <View
+        className="
+          absolute
+          left-3 right-3 bottom-8
+          h-14
+          flex-row items-center
+          px-2
+          gap-4
+        "
+      >
+        <View className="bg-white rounded-md shadow-lg h-12 w-12"></View>
+        <View className="flex-1 bg-white rounded-md shadow-lg h-12"></View>
+        <View className="bg-white rounded-md shadow-lg h-12 w-12"></View>
+      </View>
+    </View>
   )
 }