## Carousel component for react-native ### Installation ```bash npm install react-native-carousel ``` ### Properties ```js hideIndicators={false} // Set to true to hide the indicators indicatorColor="#FFFFFF" // Active indicator color indicatorSize={20} // Indicator bullet size indicatorSpace={15} // space between each indicator inactiveIndicatorColor="#999999" // Inactive indicator color indicatorAtBottom={true} // Set to false to show the indicators at the top indicatorOffset={250} // Indicator relative position from top or bottom onPageChange={callback} // Called when the active page changes inactiveIndicatorText= '•' // 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 autoplay delay={1000} // Set Animation delay between slides loop={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`: ```javascript 'use strict'; var React = require('react-native'); var { AppRegistry, StyleSheet, Text, View, } = React; var Carousel = require('react-native-carousel'); var RNCarousel = React.createClass({ render: function() { return ( Page 1 Page 2 Page 3 ); } }); var styles = StyleSheet.create({ container: { width: 375, flex: 1, justifyContent: 'center', alignItems: 'center', backgroundColor: 'transparent', }, }); AppRegistry.registerComponent('RNCarousel', () => RNCarousel); ```

	Stars	Issues	Version	Updated	Created
react-native-carousel	437	44	0.12.0	5 years ago	9 years ago
react-native-progress	3,590	123	5.0.1	6 months ago	9 years ago
react-native-step-indicator	1,398	84	1.0.3	4 years ago	7 years ago

react-native-carousel vs react-native-progress vs react-native-step-indicator

Downloads in past1 Month3 Months6 Months1 Year2 Years5 YearsAll time

Stats

Popular Searches

Sick of boring JavaScript newsletters?

Downloads in past