reload Image when props.src is changed

Author: Duncan Hsieh

lib/Image.js

@@ -33,6 +33,7 @@ var RawImage = createComponent('Image', LayerMixin, {
  var prevProps = this._currentElement.props;
  var props = nextComponent.props;
  this.applyLayerProps(prevProps, props);
+ this.applyImageProps(prevProps, props);
  this._currentElement = nextComponent;
  this.node.invalidateLayout();
  },
@@ -61,6 +62,15 @@ var Image = React.createClass({
  ImageCache.get(this.props.src).on('load', this.handleImageLoad);
  },
 
+ componentWillUpdate: function(nextProps, nextState) {
+ if(nextProps.src !== this.props.src) {
+ ImageCache.get(this.props.src).removeListener('load', this.handleImageLoad);
+ ImageCache.get(nextProps.src).on('load', this.handleImageLoad);
+ var loaded = ImageCache.get(nextProps.src).isLoaded();
+ this.setState({loaded: loaded});
+ }
+ },
+
  componentWillUnmount: function () {
  if (this._pendingAnimationFrame) {
  cancelAnimationFrame(this._pendingAnimationFrame);