Remote image fade in oncomplete - react native

RemoteImage.js

import React, { Component } from 'react'
import { Animated } from 'react-native'

export default class RemoteImage extends Component {

  constructor(props) {
    super()
    this.state = {
      fadeAnim: new Animated.Value(0)
    }
  }

  _imageLoaded() {
    Animated.timing(
      this.state.fadeAnim,
      {
        toValue: 1,
        duration: 500
      },
    ).start()
  }

  render() {
    return (
      <Animated.Image {...this.props} style={[this.props.style, {opacity: this.state.fadeAnim}]} onLoadEnd={() => this._imageLoaded()} />
    )
  }
}

// use like regular <Image> component: <RemoteImage source={{uri: 'http..'}} style={} />