2b:["$","div","3",{"className":"mb-8","children":[["$","h2",null,{"id":"setting-up-tab-navigation","className":"font-display font-bold text-xl text-text mb-3 scroll-mt-20","children":"Setting up tab navigation"}],"$undefined","$undefined","$undefined","$undefined","$undefined","$undefined",["$","div",null,{"className":"mb-4 rounded border border-border overflow-hidden","children":[["$","div",null,{"className":"px-4 py-2 border-b border-border bg-surface-2","children":["$","p",null,{"className":"text-xs font-semibold text-text","children":"Create a two-tab app with Expo Router"}]}],["$","div",null,{"className":"divide-y divide-border","children":[["$","div","0",{"className":"px-4 py-3 flex gap-3","children":[["$","span",null,{"className":"shrink-0 w-5 h-5 rounded-full flex items-center justify-center text-xs font-bold mt-0.5","style":{"background":"#EC489920","color":"#EC4899"},"children":1}],["$","div",null,{"className":"flex-1 min-w-0","children":[["$","p",null,{"className":"text-sm text-text mb-0.5","children":"Create the tabs layout file: app/(tabs)/_layout.tsx"}],["$","code",null,{"className":"text-xs font-mono text-text-dim bg-bg border border-border rounded px-2 py-0.5 block mt-1 whitespace-pre-wrap","children":"import { Tabs } from 'expo-router'\nimport { Ionicons } from '@expo/vector-icons'\n\nexport default function TabLayout() {\n return (\n \n ,\n }}\n />\n ,\n }}\n />\n \n )\n}"}],"$undefined","$undefined"]}]]}],["$","div","1",{"className":"px-4 py-3 flex gap-3","children":[["$","span",null,{"className":"shrink-0 w-5 h-5 rounded-full flex items-center justify-center text-xs font-bold mt-0.5","style":{"background":"#EC489920","color":"#EC4899"},"children":2}],["$","div",null,{"className":"flex-1 min-w-0","children":[["$","p",null,{"className":"text-sm text-text mb-0.5","children":"Create app/(tabs)/index.tsx"}],["$","code",null,{"className":"text-xs font-mono text-text-dim bg-bg border border-border rounded px-2 py-0.5 block mt-1 whitespace-pre-wrap","children":"import { View, Text } from 'react-native'\n\nexport default function HomeScreen() {\n return (\n \n Home\n \n )\n}"}],"$undefined","$undefined"]}]]}],["$","div","2",{"className":"px-4 py-3 flex gap-3","children":[["$","span",null,{"className":"shrink-0 w-5 h-5 rounded-full flex items-center justify-center text-xs font-bold mt-0.5","style":{"background":"#EC489920","color":"#EC4899"},"children":3}],["$","div",null,{"className":"flex-1 min-w-0","children":[["$","p",null,{"className":"text-sm text-text mb-0.5","children":"Create app/(tabs)/profile.tsx"}],["$","code",null,{"className":"text-xs font-mono text-text-dim bg-bg border border-border rounded px-2 py-0.5 block mt-1 whitespace-pre-wrap","children":"import { View, Text } from 'react-native'\n\nexport default function ProfileScreen() {\n return (\n \n Profile\n \n )\n}"}],"$undefined","$undefined"]}]]}],["$","div","3",{"className":"px-4 py-3 flex gap-3","children":[["$","span",null,{"className":"shrink-0 w-5 h-5 rounded-full flex items-center justify-center text-xs font-bold mt-0.5","style":{"background":"#EC489920","color":"#EC4899"},"children":4}],["$","div",null,{"className":"flex-1 min-w-0","children":[["$","p",null,{"className":"text-sm text-text mb-0.5","children":"Navigate programmatically"}],["$","code",null,{"className":"text-xs font-mono text-text-dim bg-bg border border-border rounded px-2 py-0.5 block mt-1 whitespace-pre-wrap","children":"import { useRouter } from 'expo-router'\n\nconst router = useRouter()\nrouter.push('/profile') // navigate forward\nrouter.replace('/login') // replace current screen (no back button)\nrouter.back() // go back"}],"$undefined","$L30"]}]]}]]}]]}],"$undefined"]}]

Navigation with Expo Router