An open API service indexing awesome lists of open source software.

https://github.com/aryaminus/rn-intro-screen

Usage of intro / welcome screen in react-native as onboarding slider swiper
https://github.com/aryaminus/rn-intro-screen

android intro-animation intro-screen ios onboarding react-native slider swiper welcome-screen

Last synced: 6 months ago
JSON representation

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

Awesome Lists containing this project

README

          

# 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](https://i.imgur.com/kGWrM0v.gif)](https://youtu.be/T8eMU0x_P2g)

**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](https://i.imgur.com/WI3EdY7.png)

## Contributing

1. Fork it ()
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