Package Exports

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (simple-react-native-onboarding) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

Numerous approaches exist for introducing users to your mobile app, but in the realm of React Native, a standout option is the "simple-react-native-onboarding" component. This component is not only simple to set up but also offers high levels of customization.

Rather than immersing your new users directly into complex features, it's advisable to provide them with a pleasant and delightful introduction. Allow them to gradually explore the various facets of your impressive app after this initial welcoming experience.

Demo

Demo on Android and iOS

Demo Demo

Install

npm i simple-react-native-onboarding

Usage

import OnboardingScreen from 'simple-react-native-onboarding';

<OnboardingScreen
  data={[
    {
      backgroundColor: '#fff',
      image: <Image source={require('./images/logo.png')} />,
      title: 'Onboarding',
      subtitle: 'Done with React Native Onboarding Screen',
    },
    ...
  ]}

  onFinished={() => {
    console.log('END')
  }}

  footerText='Footer text'

  footerStyle={{ 
    color: 'red'
   }}
/>

Contributing

If you have a question, found a bug or want to propose a new feature, have a look at the issues page.

License

MIT