title: I get this error "Error while updating property 'src' of a view managed by: RCTImageView" after this code?
body: <p>Am building a carousel project using react native,
  the code worked perfectly when i used only images ,before adding the sections &quot;image&quot; &quot;title&quot; in data
  I get this error &quot;Error while updating property 'src' of a view managed by: RCTImageView&quot; after this code , i tried many possible methods but still no result.</p>
  <pre><code>import * as React from 'react';
  import { StatusBar, FlatList, Image, Animated, Text, View, Dimensions, StyleSheet, TouchableOpacity } from 'react-native';
  const { width, height } = Dimensions.get('screen');
  
  const data = [
     {imageUrl:'https://images.unsplash.com/photo-1509023464722-18d996393ca8?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&amp;ixlib=rb-1.2.1&amp;auto=format&amp;fit=crop&amp;w=1050&amp;q=80',
    title: &quot;Hope&quot;},
     {imageUrl:'https://images.unsplash.com/photo-1494587351196-bbf5f29cff42?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&amp;ixlib=rb-1.2.1&amp;auto=format&amp;fit=crop&amp;w=1051&amp;q=80',
    title: &quot;Hope2&quot;},
     {imageUrl:'https://images.unsplash.com/photo-1439792675105-701e6a4ab6f0?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&amp;ixlib=rb-1.2.1&amp;auto=format&amp;fit=crop&amp;w=1052&amp;q=80' ,
    title: &quot;Hope3&quot;} 
    
  ];
  export default () =&gt; {
    const scrollX=React.useRef(new Animated.Value(0)).current;
      return (
          &lt;View &gt;
              &lt;StatusBar hidden /&gt;
              &lt;View
              style={StyleSheet.absoluteFillObject}&gt;
                 {data.map((image,index)=&gt;{
                   const inputRange=[
                     (index -1)*width,
                     index*width,
                     (index+1)*width
                   ]
                   const opacity = scrollX.interpolate({
                     inputRange,
                     outputRange:[0,1,0]
                   })
                   return &lt;Animated.Image
                   key={'image-${index}'}
                   source={{uri:image}}
                   style={[
                     StyleSheet.absoluteFillObject,
                     {opacity}
                   ]}
                   
                   /&gt;
                 })}
              &lt;/View&gt;
              &lt;Animated.FlatList
              data={data}
              onScroll={Animated.event(
                [{nativeEvent:{contentOffset:{x:scrollX}}}],
                {useNativeDriver: true}
              )}
              
              keyExtractor={(_,index)=&gt; index.toString()}
              renderItem={({item})=&gt; {
                  return &lt;View &gt;
                    &lt;Text style={{color:'white'}}&gt; {item.title} &lt;/Text&gt;
                    &lt;Image source={{uri:item.imageUrl}} 
                    /&gt;
                  &lt;/View&gt;
              }}
              /&gt;
          &lt;/View&gt;
      );
  };
  </code></pre>