<Onboarding />

There are many ways to onboard people to your mobile app. But for React-Native, there is solely one component that is a) easy to setup and b) highly customizable: react-native-onboarding-swiper.

Your new users shouldn't jump in at the deep end. First give them a pleasurable, delightful introduction and only then let them explore your awesome app.

Getting everything running merely takes a minute. Don't believe me? Try it out!

Install

npm i react-native-onboarding-safeview-swiper

1import Onboarding from 'react-native-onboarding-safeview-swiper';

Usage

1<Onboarding
2  pages={[
3    {
4      backgroundColor: '#fff',
5      image: <Image source={require('./images/circle.png')} />,
6      title: 'Onboarding',
7      subtitle: 'Done with React Native Onboarding Swiper',
8    }
9  ]}
10/>

Acknowledgements

Built upon the work by Gosha Arinich which was originally inspired by AndroidOnboarder.

License

MIT.