npm
Navigation

TabBar

Red plinth, gold rail, pop-out active tab.

const [active, setActive] = useState("home");

<TabBar aria-label="Primary navigation" value={active} onValueChange={setActive}>
  <Tab value="home" icon="⌂">Home</Tab>
  <Tab value="more" icon="⚙" dot>More</Tab>
</TabBar>

Red plinth, gold rail with the contour on its outer edge only, equal-width tabs. Tap around, which tab is active is your state; the bar just renders it.