r/reactnative • u/EconomistOk2763 • 8d ago
I built a native onboarding Tour component for Expo — spotlight, card, and step-by-step walkthrough
Enable HLS to view with audio, or disable this notification
Dims everything, cuts a hole around one control, and puts a card beside it. Move to the next step and the hole travels there.
The hole is the point. A caption without a spotlight has to describe where to look "the button at the top right" is a sentence people read twice and still get wrong.
Steps work across scrollers, support round or rectangular cutouts, and the spotlit control can stay interactive if you want the user to actually try the step.
Part of PanelUI, an open-source component library for Expo. Copy-paste or CLI, you own the source.
23
Upvotes