Gallery

Design the bottom tab bar for a mobile app with four destinations and a raised center action button. The center control is the primary create action, not another destination, so it should feel more prominent than the tabs around it without breaking the navigation pattern.

This lives at the bottom edge of the screen, above the home indicator or gesture area. The four tabs need clear active/inactive states, labels that stay readable, and spacing that leaves the center action easy to tap without crowding the neighboring items.

The challenge is balancing navigation and creation in one bar. The center button should read as special at a glance, but the tab bar still needs to feel stable and familiar when the user switches between destinations.

Think through how the bar behaves with long labels, active state changes, and devices with safe-area insets. The layout should feel native to mobile, with the center action integrated into the bar rather than floating awkwardly above it.