title: Invariant Violation: Listener is not supported for native driven events on Snap Carousel
body: <p>I've been trying to implement the Snap Carousel with my app. But it gives the following warning and doesn't load up.</p>
  
  <blockquote>
    <p>Error: Listener is not supported for native driven events.
        at invariant (invariant.js:38)
        at new AnimatedEvent (AnimatedImplementation.js:2126)
        at Object.event (AnimatedImplementation.js:2230)
        at new Carousel (Carousel.js:147)
        at ReactCompositeComponentWrapper._constructComponentWithoutOwner (ReactCompositeComponent.js:296)
        at ReactCompositeComponentWrapper._constructComponent (ReactCompositeComponent.js:278)
        at ReactCompositeComponentWrapper.mountComponent (ReactCompositeComponent.js:190)
        at Object.mountComponent (ReactReconciler.js:47)
        at Constructor.mountChildren (ReactMultiChild.js:240)
        at Constructor.initializeChildren (ReactNativeBaseComponent.js:69)</p>
  </blockquote>
  
  <p>The class with the carousel is as follows.</p>
  
  <pre><code>'use strict';
  
  const styles = require('./Styles');
  import React, {Component} from 'react';
  import {
      View
  } from 'react-native';
  
  import Carousel from 'react-native-snap-carousel';
  
  export default class CarouselCard extends Component {
  
      static renderItem({item, index}) {
          console.log(item);
          return item;
      }
  
      render() {
          return (
              &lt;View key={this.props.cardKey}
                    style={[styles.cardContainer, {padding: 0, borderWidth: 0, marginRight: -10, marginLeft: -10}]}&gt;
                  &lt;Carousel
                      ref={(c) =&gt; {
                          this._carousel = c;
                      }}
                      data={this.props.cardsList}
                      renderItem={CampaignCard.renderItem}
                      sliderWidth={this.props.sliderWidth}
                      itemWidth={this.props.itemWidth}
                      useScrollView={true}
                  /&gt;
              &lt;/View&gt;)
      }
  }
  </code></pre>
  
  <p>And this component is used as following, in the parent class.</p>
  
  <pre><code>renderCarouselCards() {
          let topCardsList = [];
  
          for(let x = 0; x &lt; this.state.campaigns.length; x++) {
              topCardsList.push(
                  &lt;CarouselCard
                      key={x}
                      cardKey={x}
                      cardsList={this.getTopCards(this.state.data[x])}
                      sliderWidth={Dimensions.get('window').width}
                      itemWidth={Dimensions.get('window').width - 20}
                  /&gt;
              )
          }
  
          return topCardsList;
      }
  
  //
  
  render() {
  return (
                  &lt;ScrollView
                      contentInset={{top: 0}}
                      automaticallyAdjustContentInsets={false}
                      contentContainerStyle={styles.contentContainer}&gt;
                      {this.renderCarouselCards()}
                  &lt;/ScrollView&gt;
              )
  }
  </code></pre>
  
  <p>Environment:
  React: 15.3.1
  React native: 0.37.0
  react-native-snap-carousel: 3.6.0</p>
  
  <p>Target Platform:
  iOS (11.2)</p>
  
  <p>Any workaround for this? Thank you.</p>