React Native Fast Carousel

A very light weight, extremely fast and customizable image slider component for React Native, with smooth animations and pagination.

Features

• Smooth scrolling with animated pagination.
• Auto-play with customizable intervals.
• Easy to integrate and use in any project.

Installation

Install the package using npm:

1  npm install react-native-fast-carousel

Install the package using yarn:

1  npm install react-native-fast-carousel

Usage

1import React from 'react';
2import { View } from 'react-native';
3import Slider from 'react-native-fast-carousel';
4
5const App = () => {
6  const images = [
7    { source: require('./assets/image1.png') },
8    { source: require('./assets/image2.png') },
9    { source: require('./assets/image3.png') },
10  ];
11
12  return (
13    <View style={{ flex: 1 }}>
14      <Slider images={images} autoPlayInterval={5000} />
15    </View>
16  );
17};
18
19export default App;

Props

Prop	Type	Default	Description
images	Array	[]	Array of image objects with source as the key.
autoPlayInterval	number	8000	Interval for auto-play in milliseconds.

Example

1import React from 'react';
2import { View, StyleSheet } from 'react-native';
3import Slider from 'react-native-fast-carousel';
4
5const images = [
6  { source: require('./assets/image1.png') },
7  { source: require('./assets/image2.png') },
8  { source: require('./assets/image3.png') },
9];
10
11export default function App() {
12  return (
13    <View style={styles.container}>
14      <Slider images={images} autoPlayInterval={3000} />
15    </View>
16  );
17}
18
19const styles = StyleSheet.create({
20  container: {
21    flex: 1,
22    justifyContent: 'center',
23    alignItems: 'center',
24  },
25});

Contributing

Contributions are always welcome!

Feel free to open an issue or submit a pull request for improvements.

License

This library is licensed under the MIT License.