51. iOS 탭 바 네비게이션 Design an iOS-style bottom tab bar: **Tab Bar Container**: - Position: fixed bottom - Height: 83px (including safe area) - Background: white/blur with translucency - Border-top: 0.5px gray-200 - Safe area padding for notch devices **Tab Item**: - Flex: 1, evenly distributed - Touch target: full height - Layout: icon above label, centered **Icon**: - Size: 28px - SF Symbols style (line weight consistent) - Inactive: gray-500 - Active: brand blue or tinted **Label**: - Size: 10px - Font: SF Pro (or system) - Inactive: gray-500 - Active: matches icon color **Badge** (notifications): - Position: top-right of icon - Red circle with count - No count: just dot **States**: - Default: gray icon/label - Selected: colored, filled icon variant - Pressed: slight opacity reduction **Tab Transitions**: - No animation on tab switch (iOS standard) - Or subtle cross-fade **Items**: - Maximum 5 tabs - Common: Home, Search, Add/Create, Activity, Profile **"More" Tab** (if >5): - Opens list of additional items - Edit order capability **Special Center Button** (optional): - Larger, floating above bar - For primary action (post, add) - Different shape (circle) Tech: React Native / Expo + NativeWind