react native - How can I add gif to custom marker?

Question

I want to add gip to image source in the marker, my app shows nothing as marker

Here is my code....

         <MapView
            initialRegion={region}
            maxZoomLevel={17}
            region={region}
        >
            {region.latitude !== 0 ? (
                <Marker
                    minDelta={0.5}
                    maxDelta={2}
                    coordinate={{
                        latitude: region.latitude,
                        longitude: region.longitude,
                    }}
                    title={'You are here!'}
                >
                    <View style={{height:10,width:10}}>
                        <Image 
                            resizeMode="center"
                            source={require('../src/images/1.gif')} 
                        />
                    </View>
                </Marker>  
            ):null}
        </MapView>

How i add gif to the marker?? Do i need animated marker for this???

Answer 1

Try this way

<MapView.Marker
  minDelta={0.5}
  maxDelta={2}
  coordinate={markerInfo.location}>

    <Image style={styles.image} source={require('../src/images/1.gif')} />
</MapView.Marker>