A three-step swipeable introduction with progress dots, skip and get-started actions.
npx shadcn@latest add @lokalhost/onboardingAlso installs Buttons.
The source is copied to screens/onboarding-screen.tsx — it’s yours to edit.
import { OnboardingScreen } from "@/screens/onboarding-screen";
return (
<OnboardingScreen
onDone={async () => {
await AsyncStorage.setItem("onboarded", "1");
router.replace("/(tabs)");
}}
/>
);| Prop | Type | Default | Description |
|---|---|---|---|
slides | { title: string; body: string; icon: IoniconName }[] | DEFAULT_SLIDES | Pages shown in the pager. |
onDonerequired | () => void | — | Called from the last page’s primary button and from Skip. |