1.0.1 • Published 3 years ago
react-native-onboarding-template v1.0.1
React Native Onboarding Template
<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
npm i react-native-onboarding-templateoryarn add react-native-onboarding-templatecd 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
