Go to the Onboarding Slide and import translation.
components/common/onboarding/onboarding-slide.tsx
Copy
import { useTranslation } from 'react-i18next';
3
Thats it! You don’t need to write single line of code.
data/Onboarding.ts
Copy
export const onboardingData: OnboardingItem[] = [ { id: '1', title: 'onboarding.title1', description: 'onboarding.desc1', lottie: require('@/assets/lotties/onboarding.json'), // If you want to use an image instead of a lottie, uncomment the following lines 👇 // Lottie and Image can not work together. You need to choose one of them. // image: require('@/assets/images/logo.png'), }, ...];
You can even add 20 onboarding slides. You don’t have any limitation.
Go to the data/Onboarding.ts file to add your own onboarding images and animations.