init tab menu and first screen

ArtisanConnect/app/(tabs)/_layout.jsx

@@ -0,0 +1,62 @@
+import { Tabs } from "expo-router";
+import { Ionicons } from "@expo/vector-icons";
+export default function TabLayout() {
+  return (
+    <Tabs
+      screenOptions={{
+        tabBarActiveTintColor: "rgb(var(--color-primary-500))",
+      }}
+    >
+      <Tabs.Screen
+        name="index"
+        options={{
+          title: "Home",
+          tabBarLabel: "Home",
+          tabBarIcon: ({ color, size }) => (
+            <Ionicons name="home-outline" size={size} color={color} />
+          ),
+        }}
+      />
+      <Tabs.Screen
+        name="notices"
+        options={{
+          title: "Ogłoszenia",
+          tabBarLabel: "Ogłoszenia",
+          tabBarIcon: ({ color, size }) => (
+            <Ionicons name="list-outline" size={size} color={color} />
+          ),
+        }}
+      />
+      <Tabs.Screen
+        name="notice/create"
+        options={{
+          title: "Dodaj",
+          tabBarLabel: "Dodaj",
+          tabBarIcon: ({ color, size }) => (
+            <Ionicons name="add-circle-outline" size={size} color={color} />
+          ),
+        }}
+      />
+      <Tabs.Screen
+        name="wishlist"
+        options={{
+          title: "Ulubione",
+          tabBarLabel: "Ulubione",
+          tabBarIcon: ({ color, size }) => (
+            <Ionicons name="heart-outline" size={size} color={color} />
+          ),
+        }}
+      />
+      <Tabs.Screen
+        name="account"
+        options={{
+          title: "Konto",
+          tabBarLabel: "Konto",
+          tabBarIcon: ({ color, size }) => (
+            <Ionicons name="person-outline" size={size} color={color} />
+          ),
+        }}
+      />
+    </Tabs>
+  );
+}

ArtisanConnect/app/(tabs)/account.jsx

@@ -0,0 +1,4 @@
+import { Text } from "@/components/ui/text";
+export default function User() {
+  return <Text>Użytkownik</Text>;
+}

ArtisanConnect/app/(tabs)/notice/create.jsx

@@ -0,0 +1,4 @@
+import { Text } from "@/components/ui/text";
+export default function CreateNotice() {
+  return <Text>Tworzenie ogłoszenia</Text>;
+}

ArtisanConnect/app/_layout.jsx

@@ -8,12 +8,15 @@ export default function RootLayout() {
   return (
     <QueryClientProvider client={queryClient}>
       <GluestackUIProvider>
-        <Stack>
-          <Stack.Screen name="index" options={{ title: "Home" }} />
-          <Stack.Screen name="notices" options={{ title: "Ogłoszenia" }} />
-          <Stack.Screen name="wishlist" options={{ title: "Ulubione" }} />
+        <Stack
+          screenOptions={{
+            headerTintColor: "#1c1c1e",
+            headerBackTitleVisible: false,
+            headerBackTitle: "Wróć",
+          }}
+        >
+          <Stack.Screen name="(tabs)" options={{ headerShown: false }} />
         </Stack>
-        {/* <Tabs/> */}
       </GluestackUIProvider>
     </QueryClientProvider>
   );

ArtisanConnect/app/notice/[id].jsx

@@ -33,7 +33,11 @@ export default function NoticeDetails() {
 
   return (
     <Card className="p-0 rounded-lg  m-3 flex-1">
-      <Stack.Screen options={{ title: notice.title }} />
+      <Stack.Screen
+        options={{
+          title: notice.title,
+        }}
+      />
       <Image
         source={{
           uri: "https://gluestack.github.io/public-blog-video-assets/saree.png",