1.0.1 • Published 1 year ago

react-native-onboarding-template v1.0.1

Weekly downloads
-
License
ISC
Repository
github
Last release
1 year ago

React Native Onboarding Template

license npm stack

<OnboardingScreen />

Basically, react-native-onboarding-template is a pre-made Screen/Template for you to use in React Native Apps, It is very simple to use, just import <OnboardingScreen /> with your own values to props & get a Onboarding Screen built for your App within seconds.

Default values to props are given in <OnboardingScreen /> (as seen in example above) though you can change yours whichever you wish to, see props at bottom of page. Also if you wish to use the same Font as of (my example above), you can download the fonts from here & provide to headfontFamily, subheadfontFamily & fontFamily respectively.

Installation

  1. npm i react-native-onboarding-template or yarn add react-native-onboarding-template

  2. cd ios && pod install

Use

import OnboardingScreen from 'react-native-onboarding-template'
const App = ({navigation}) => {
  return (
    <OnboardingScreen
      title1="Welcome"
      title2="Document Tools, that you need"
      subtitle1="We're glad that you are here"
      title3="Dochit for everything, edit on your mobile edit on the go!"
      //or other slide props if you wish to give values..
      fontFamily={Fonts.airbnb}
      subheadfontFamily={Fonts.airbnbMd}
      headfontFamily={Fonts.airbnbBd}
      onPressLastButton={() => navigation.navigate('Home')}
     />
  );
};

Props

Contact me at mohit.chawla@workmail.com

"Buy Me A Coffee"