title: how to make carousel circular in react-native-snap-carousel?
body: <p>I have a simple carousel that has 5 images in it. After reaching the 5th image, I want it to go to first image and start again. I tried to solve it by reading documentation, but I can't see anything that could help. I have also tried looking online for some examples, but there coluldn't find it.</p>
  <pre><code>import React from 'react';
  import { StyleSheet, Text, View, Image} from 'react-native';
  import Carousel from 'react-native-snap-carousel';
  
  const data = [
    {
        key:1,
      uri: 'https://i.ibb.co/hYjK44F/anise-aroma-art-bazaar-277253.jpg',
      title: 'Lorem ipsum dolor sit amet',
      content: 'Neque porro quisquam est qui dolorem ipsum quia '
    },
    
  ];
  export default class App extends React.Component {
      
    _renderItem ({item, index}) {
        const { uri, title, content } = item;
          return (
          
              &lt;View style={styles.slide}&gt;
                  
                  &lt;Image
            source={{ uri: uri }}
            style={styles.imageBackground}
         / &gt;
                  
              &lt;/View&gt;
              
          );
      }
  
      render () {
          return (
          &lt;View style={styles.container}&gt;
              &lt;Carousel
                ref={(c) =&gt; { this._carousel = c; }}
                data={data}
                renderItem={this._renderItem}
                sliderWidth={300}
                itemWidth={300}
                autoplay={true}
                
              /&gt;
              &lt;/View&gt;
          );
      }
  }
  
  
  </code></pre>
  <p>and here is my package.json file</p>
  <pre><code>  &quot;main&quot;: &quot;node_modules/expo/AppEntry.js&quot;,
    &quot;scripts&quot;: {
      &quot;start&quot;: &quot;expo start&quot;,
      &quot;android&quot;: &quot;expo start --android&quot;,
      &quot;ios&quot;: &quot;expo start --ios&quot;,
      &quot;web&quot;: &quot;expo start --web&quot;,
      &quot;eject&quot;: &quot;expo eject&quot;
    },
    &quot;dependencies&quot;: {
      &quot;expo&quot;: &quot;~38.0.1&quot;,
      &quot;expo-status-bar&quot;: &quot;^1.0.0&quot;,
      &quot;react&quot;: &quot;~16.11.0&quot;,
      &quot;react-dom&quot;: &quot;~16.11.0&quot;,
      &quot;react-native&quot;: &quot;https://github.com/expo/react-native/archive/sdk-38.0.0.tar.gz&quot;,
      &quot;react-native-snap-carousel&quot;: &quot;^3.9.1&quot;,
      &quot;react-native-web&quot;: &quot;~0.11.7&quot;
    },
    &quot;devDependencies&quot;: {
      &quot;@babel/core&quot;: &quot;^7.8.6&quot;,
      &quot;babel-preset-expo&quot;: &quot;~8.1.0&quot;
    },
    &quot;private&quot;: true
  }
  </code></pre>
  <p>Autoscroll is working fine.</p>