RN-intro-screen icon indicating copy to clipboard operation
RN-intro-screen copied to clipboard

Usage of intro / welcome screen in react-native as onboarding slider swiper

RNintroscreen

RNintroscreen is the 2nd session build for showing the implementation of Intro / Welcome screen in modern apps. Let your users get familar with your app by giving an introduction with parallax effect. RNintroscreen demo

Note:

  1. Arch Linux with VS-Code, thus support focused on Android App
  2. Extensions: React Native Tools , React-Native Snippets , Prettier
  3. Device run instead of SDK-build using Vysor

Installation

Clone the source locally:

$ git clone https://github.com/aryaminus/RN-intro-screen
$ cd RN-intro-screen

Start the application in development mode

npm install
react-native link
react-native run android

or for VS-Code:

npm install
react-native link

then press F1 or Fn+F1 and React Native:Run Android on Device

Else Follow Code.txt and Youtube

Packages:

react-navigation

react-native-vector-icons

Icons

Ionicons

Installation

Follow Code.txt and Working.png

Working demo

Contributing

  1. Fork it (https://github.com/aryaminus/RN-intro-screen/fork)
  2. Create your feature branch (git checkout -b feature/fooBar)
  3. Commit your changes (git commit -am 'Add some fooBar')
  4. Push to the branch (git push origin feature/fooBar)
  5. Create a new Pull Request