fix (tabs)

app/(tabs)/_layout.tsx

@@ -1,16 +1,22 @@
-import { Tabs } from 'expo-router';
+import { createBottomTabNavigator } from '@react-navigation/bottom-tabs';
+import { } from 'expo-router';
 import React from 'react';
 
+
 import { HapticTab } from '@/components/haptic-tab';
 import { IconSymbol } from '@/components/ui/icon-symbol';
 import { Colors } from '@/constants/theme';
 import { useColorScheme } from '@/hooks/use-color-scheme';
+import TabTwoScreen from './explore';
+import HomeScreen from './index';
+
+const Tabs = createBottomTabNavigator();
 
 export default function TabLayout() {
   const colorScheme = useColorScheme();
 
   return (
-    <Tabs
+    <Tabs.Navigator
       screenOptions={{
         tabBarActiveTintColor: Colors[colorScheme ?? 'light'].tint,
         headerShown: false,
@@ -18,6 +24,7 @@ export default function TabLayout() {
       }}>
       <Tabs.Screen
         name="index"
+        component={HomeScreen}
         options={{
           title: 'Home',
           tabBarIcon: ({ color }) => <IconSymbol size={28} name="house.fill" color={color} />,
@@ -29,7 +36,9 @@ export default function TabLayout() {
           title: 'Explore',
           tabBarIcon: ({ color }) => <IconSymbol size={28} name="paperplane.fill" color={color} />,
         }}
-      />
-    </Tabs>
+      >
+        {() => <TabTwoScreen/>}
+      </Tabs.Screen>
+    </Tabs.Navigator>
   );
 }