Customize
Onboarding
Enable, disable, and edit the first-launch slides.
Onboarding is a three-slide intro shown once, before personalization and auth.
Enable or disable
In src/config/features.ts:
onboarding: true,Set false to skip the slides. Completion is stored under EXPO_PUBLIC_ONBOARDING_STORAGE_KEY (see .env.example).
Edit slides
Slides are defined in src/components/Onboarding.tsx:
const SLIDES: Slide[] = [
{
key: "1",
icon: "rocket-outline",
iconClass: "text-accent",
bgClass: "bg-accent/10",
titleKey: "onboarding.slide1Title",
descKey: "onboarding.slide1Description",
},
{
key: "2",
icon: "sparkles-outline",
iconClass: "text-success",
bgClass: "bg-success/10",
titleKey: "onboarding.slide2Title",
descKey: "onboarding.slide2Description",
},
{
key: "3",
icon: "shield-checkmark-outline",
iconClass: "text-accent",
bgClass: "bg-accent/10",
titleKey: "onboarding.slide3Title",
descKey: "onboarding.slide3Description",
},
];iconis an Ionicons name- Copy lives in
src/i18n/locales/*.jsonunderonboarding.*(slide1Title,slide1Description,skip,next,getStarted)
Add or remove objects in SLIDES to change the count. Keep i18n keys in every locale file.