GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → aryaminus → RN-intro-screen

aryaminus / RN-intro-screen

Licence: MIT license
Usage of intro / welcome screen in react-native as onboarding slider swiper

Programming Languages

javascript
184084 projects - #8 most used programming language
objective c
16641 projects - #2 most used programming language
python
139335 projects - #7 most used programming language
java
68154 projects - #9 most used programming language

Labels

androidiosreact-nativeslideronboardingswiperwelcome-screenintro-screenintro-animation

Projects that are alternatives of or similar to RN-intro-screen

React Native Onboarding Swiper
🛳 Delightful onboarding for your React-Native app
Stars: ✭ 596 (+3873.33%)
Mutual labels:  slider, onboarding
Vuetify Swipeout
👆 A swipe out example built with Vue CLI 3 + Vuetify + Swiper.
Stars: ✭ 117 (+680%)
Mutual labels:  slider, swiper
Swiper
Most modern mobile touch slider with hardware accelerated transitions
Stars: ✭ 29,519 (+196693.33%)
Mutual labels:  slider, swiper
React Native Paper Onboarding
Paper Onboarding is a material design UI slider for `React Native`.
Stars: ✭ 310 (+1966.67%)
Mutual labels:  slider, onboarding
React Swipes
🔥 基于React的移动端卡片滑动组件
Stars: ✭ 177 (+1080%)
Mutual labels:  slider, swiper
Vue Swiper
✅ 轻量、高性能轮播插件。目前支持 无缝衔接自动轮播、无限轮播、手势轮播
Stars: ✭ 548 (+3553.33%)
Mutual labels:  slider, swiper
Vue Swipe Mobile
😃 A siwpe (touch slider) component for Vue2
Stars: ✭ 97 (+546.67%)
Mutual labels:  slider, swiper
Vue Slick Carousel
🚥Vue Slick Carousel with True SSR Written for ⚡Faster Luxstay
Stars: ✭ 447 (+2880%)
Mutual labels:  slider, swiper
Vue Plain Slider
A simple slider component for Vue.js
Stars: ✭ 146 (+873.33%)
Mutual labels:  slider, swiper
Vue Awesome Swiper
🏆 Swiper component for @vuejs
Stars: ✭ 12,072 (+80380%)
Mutual labels:  slider, swiper
Vue Easy Slider
Slider Component of Vue.js.
Stars: ✭ 313 (+1986.67%)
Mutual labels:  slider, swiper
vue-active-swiper
🌴 A Mobile-oriented、No dependencies、Lightweight Swiper component for Vue
Stars: ✭ 33 (+120%)
Mutual labels:  slider, swiper
Tiny Swiper
Ingenious JavaScript Carousel powered by wonderful plugins. Lightweight yet extensible. Import plugins as needed, No more, no less.
Stars: ✭ 1,061 (+6973.33%)
Mutual labels:  slider, swiper
React Native Web Swiper
Swiper-Slider for React-Native and React-Native-Web
Stars: ✭ 125 (+733.33%)
Mutual labels:  slider, swiper
React Native Swiper Flatlist
👆 Swiper component implemented with FlatList using Hooks & Typescript + strict automation tests with Detox
Stars: ✭ 217 (+1346.67%)
Mutual labels:  slider, swiper
pinar
🌲☀️ Customizable, lightweight React Native carousel component with accessibility support.
Stars: ✭ 214 (+1326.67%)
Mutual labels:  slider, swiper
AORangeSlider
AORangeSlider is a custom UISlider with two handlers to pick a minimum and a maximum range.
Stars: ✭ 82 (+446.67%)
Mutual labels:  slider
slither-slider
A Vue JS slider that slides whatever you throw at it
Stars: ✭ 36 (+140%)
Mutual labels:  slider
T System
the moving objects tracking system via two axis camera motion (and as optionally n joint robotic arm) for raspberry pi distributions
Stars: ✭ 17 (+13.33%)
Mutual labels:  slider
Ahoy
A lightweight swift library to build onboarding experiences.
Stars: ✭ 51 (+240%)
Mutual labels:  onboarding
View All Similar Projects ➔

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
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].