NavigationMotion

animation

Breakdex::Motion::NavigationMotion

Platform-aware navigation transitions — bottom bar, segments, and page changes

Three layers of navigation motion: (1) bottom nav bar uses BackdropFilter blur at sigma 20x20 over surface at 0.85 opacity, (2) segmented control switches with 150ms productive curve, (3) page transitions use fade on Android and Cupertino slide on iOS/macOS. All transitions are platform-aware to feel native.

Relationships

▣ Renders With 7

move_list_screencombo_detail_screenflashcard_review_screenflow_screenstats_screensettings_screenlab_screen

⚙ Configured By 2

go_routertheme_setting_provider

Answers

States

StateBehavior
bottom Nav
backdropFilter: { "sigmaX": 20, "sigmaY": 20 }
surfaceOpacity: 0.85
page Transition Android
style: fade
page Transition Ios
style: cupertino_slide
page Transition Macos
style: cupertino_slide

Durations

segment Switch
150ms

Curves

segment Switch easeInOutCubic

Respects

prefers reduced motiondisable animations