FadeInImage.js

import React from 'react-native'

var {
  Image,
  Animated,
  View
} = React

module.exports = React.createClass({
  getInitialState() {
    return {
      opacity: new Animated.Value(0)
    }
  },

  onLoad() {
    Animated.timing(this.state.opacity, {
      toValue: 1,
      duration: 250
    }).start()
  },

  render() {
    return (
      <View
        width={this.props.style.width}
        height={this.props.style.height}
        backgroundColor={'#CCC'}
      >
        <Animated.Image 
          resizeMode={'contain'}
          key={this.props.key} 
          style={[{opacity: this.state.opacity}, this.props.style]}
          source={this.props.source}
          onLoad={this.onLoad} />
      </View>      
    )
  }
});