This interaction showcases a highly dynamic bottom navigation bar in the Family app. When switching between the Wallet, Explore, and Activity tabs, the navigation bar's container morphs fluidly. Transitioning to the Explore tab merges the main navigation pill and the adjacent floating '+' button into a single, wide browser control bar with back/forward arrows. Transitioning to the Activity tab morphs the bar into a wider, unified pill without the '+' button. The transitions utilize expressive spring physics, making the layout changes feel elastic and organic, while the main screen content slides horizontally to match the tab selection.

Category