title: How to use react-native-image-carousel library with flatlist
body: <p>I am using react-native-image-carousel library for showing my image gallery i want images should slide after opening. </p>
  
  <p>While i am using same example of static data its working. here it is example <a href="https://github.com/anvilabs/react-native-image-carousel/blob/master/Example/App.js" rel="nofollow noreferrer">https://github.com/anvilabs/react-native-image-carousel/blob/master/Example/App.js</a>. but i am using flatlist to dislpay my images and i getting error while trying to use with flatlist.</p>
  
  <p>this is my render image function</p>
  
  <pre><code>    renderImage = (idx) =&gt; (
      &lt;Image
        style={StyleSheet.absoluteFill}
        resizeMode="contain"
        source={{ uri: this.state.gallery[idx] }}
      /&gt;
    );
  </code></pre>
  
  <p>and this is my flatlist</p>
  
  <pre><code>&lt;View&gt;
          &lt;FlatList
            numColumns={3}
            data={this.state.gallery}
            keyExtractor={(i) =&gt; i}
            renderItem={({ item }) =&gt;
              &lt;ImageCarousel
              ref={(imageCarousel) =&gt; {
                this._imageCarousel = imageCarousel;
              }}
                renderContent={this.renderImage}&gt;
  
                &lt;View style={styles.galleryStyle}&gt;
                  &lt;Image style={styles.imageStyle1} source={{ uri: item.image }} /&gt;
                &lt;/View&gt;
  
              &lt;/ImageCarousel&gt;
            }
          &gt;&lt;/FlatList&gt;
        &lt;/View&gt;
  </code></pre>
  
  <p>if i am running this code i am getting error like <code>error while updating property src of a view value of uri can't be cast from readableNativeMap to string</code></p>
  
  <p>and my gallery state contain</p>
  
  <pre><code>(3) [{…}, {…}, {…}]
  0: {project: 2, image: "http://media/projects/gallery_image/homepage-banner.jpg"}
  1: {project: 2, image: "http://media/project/software-development.jpg"}
  2: {project: 2, image: "http://media/projects/gallery_image/New_FRS_Image_Mobile_app_development.jpg"}
  length: 3
  __proto__: Array(0)
  </code></pre>
  
  <p>and i have defined my state as</p>
  
  <pre><code>this.state={
  gallery: {
          images: []
        }
  }
  </code></pre>
  
  <p>please help if anyone know about it. Thanks in advace</p>