fix ref.measureLayout must be called with a ref to a native component

package.json

@@ -1,6 +1,6 @@
 {
     "name": "react-native-snap-carousel",
-    "version": "4.0.0",
+    "version": "4.1.0",
     "description": "Swiper/carousel component for React Native with previews, multiple layouts, parallax images, performant handling of huge numbers of items, and RTL support. Compatible with Android & iOS.",
     "main": "src/index.js",
     "repository": {

src/carousel/Carousel.js

@@ -1,5 +1,5 @@
 import React, { Component } from 'react';
-import { Animated, Easing, FlatList, I18nManager, Platform, ScrollView, View } from 'react-native';
+import { Animated, Easing, FlatList, I18nManager, Platform, ScrollView, StyleSheet, View } from 'react-native';
 import PropTypes from 'prop-types';
 import shallowCompare from 'react-addons-shallow-compare';
 import {
@@ -12,6 +12,12 @@ import {
   tinderScrollInterpolator
 } from '../utils/animations';
 
+const styles = StyleSheet.create({
+  container: {
+    flex: 1
+  }
+})
+
 const IS_IOS = Platform.OS === 'ios',
 
   /*
@@ -1257,7 +1263,7 @@ export default class Carousel extends Component {
 
       parallaxProps = hasParallaxImages ? {
         scrollPosition: this._scrollPos,
-        carouselRef: this._carouselRef,
+        carouselRef: this._parentRef,
         vertical,
         sliderWidth,
         sliderHeight,
@@ -1400,14 +1406,19 @@ export default class Carousel extends Component {
 
       ScrollViewComponent = typeof useScrollView === 'function' ? useScrollView : AnimatedScrollView;
 
-    return this._needsScrollView() ? (
-      <ScrollViewComponent {...props}>
+    return (
+      <View style = {styles.container} ref = {(c) => this._parentRef = c}>
         {
-          this._getCustomData().map((item, index) => this._renderItem({ item, index }))
+          this._needsScrollView() ? (
+            <ScrollViewComponent {...props}>
+              {
+                this._getCustomData().map((item, index) => this._renderItem({ item, index }))
+              }
+            </ScrollViewComponent>
+          ) :
+            < AnimatedFlatList {...props} />
         }
-      </ScrollViewComponent>
-    ) : (
-      <AnimatedFlatList {...props} />
-    );
+      </View>
+    )
   }
 }