Skip to content

QuantumBA/react-native-lfcarousel

 
 

Repository files navigation

Carousel component for React Native

NPM version

Circular carousel for react-native. Supports iOS, Android and Web (react-native-web).

Demo

Demo

Install

npm install react-native-lfcarousel --save

Full example code

Usage

import React from 'react';
import { StyleSheet, View } from 'react-native';
import Carousel from 'react-native-lfcarousel';

const styles = StyleSheet.create({
  container: {
    flex: 1,
  },
});

function App() {
  return (
    <Carousel
      style={styles.container}
      speed={2000}
      pagerColor="#000"
      activePagerColor="#fff"
    >
      <View style={{ flex: 1, backgroundColor: 'red' }} />
      <View style={{ flex: 1, backgroundColor: 'green' }} />
      <View style={{ flex: 1, backgroundColor: 'blue' }} />
    </Carousel>
  );
}

export default App;

License

react-native-lfcarousel is licensed under the MIT License.

About

Carousel component for react-native

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages

  • JavaScript 63.7%
  • Objective-C 21.5%
  • Python 8.0%
  • Java 6.8%