Skip to content
native cook
Esc

Loading the catalog…

Roadmap Path Stepper


A white roadmap screen with one indigo accent: a top bar with a back button, a "Trip on 22 Dec, 09:52 PM" pill and a home button, the heading "The Roadmap to Your Trip", and a numbered list of six steps on a vertical rail. A line leaves a map pin beside the heading, turns under it and becomes the rail. On entry the line draws itself, the pin rides it down to the first step and becomes its node, then the screen rises while the accent runs down the rail and each step fades in as the line reaches it. Afterwards the list scrolls under the fixed heading, a tap on a step moves the accent to it, and Continue goes one step on.

Category
Navigation
Added
Oct 13, 2026
Stacks
RN · Swift · Kotlin
Author
Not known · posted by Oscar嵘 ↗

Is this your design? Ask for a correction or removal

React Native · Expo SDK 52+, TypeScript

✦ If the result drifts from the video, tell your agent what looks different and how it should look. A short correction usually closes the gap.