Carousel component for react-native
Installation
npm install react-native-carousel
Properties
hideIndicators=false // Set to true to hide the indicatorsindicatorColor="#FFFFFF" // Active indicator colorindicatorSize=20 // Indicator bullet sizeindicatorSpace=15 // space between each indicatorinactiveIndicatorColor="#999999" // Inactive indicator colorindicatorAtBottom=true // Set to false to show the indicators at the topindicatorOffset=250 // Indicator relative position from top or bottomonPageChange=callback // Called when the active page changesinactiveIndicatorText= '•' // Inactive indicator content ( You can customize to use any Unicode character )indicatorText= '•' // Active indicator content ( You can customize to use any Unicode character ) animate=true // Enable carousel autoplaydelay=1000 // Set Animation delay between slidesloop=true // Allow infinite looped animation. Depends on Prop {...animate} set to true.
Usage example
Assuming you have npm install -g react-native-cli
, first generate an app:
react-native init RNCarousel
cd RNCarousel
npm install react-native-carousel --save
Then paste the following into RNCarousel/index.ios.js
:
'use strict'; var React = ;var AppRegistry StyleSheet Text View = React; var Carousel = ; var RNCarousel = React; var styles = StyleSheet; AppRegistry;