Animations once the image is rendered.

*.js

componentDidMount(){
        Animated.parallel([
            Animated.timing(
                this.state.viewOpacity,
                {
                    toValue:1,
                    duration:100,
                    useNativeDriver:true
                }
            ),
            Animated.timing(
                this.state.animateImageY,
                {
                    toValue: height/2 - (this.props.translateY+50),
                    duration:200,
                    useNativeDriver:true
                }
            ),
            Animated.timing(
                this.state.animateImageX,
                {
                    toValue: width/2 - (this.props.translateX+width/4),
                    duration:200,
                    useNativeDriver:true
                }
            ),
            Animated.timing(
                this.state.scaleImageX,
                {
                    toValue: 2,
                    duration:100,
                    useNativeDriver:true
                }
            ),
            Animated.timing(
                this.state.scaleImageY,
                {
                    toValue: (height/3)/100,
                    duration:100,
                    useNativeDriver:true
                }
            )
         ]).start()
    }