CachedImage.tsx

interface CachedImageProps {
    uri: string;
    style?: React.ImageStyle;
}

@observer
export class CachedImage extends Component<CachedImageProps, void>  {

    @observable private _path;
    private handler = path => this.path = path;

    @computed get path() { return this._path; }
    set path(path: string) { return this._path = path; }
  
    observe(uri: string) {
      // We start observing the cache
      ImageCache.on(uri, handler):  
    }
     
    componentWillMount() {
        observe(this.props.uri);
    }

    componentWillReceiveProps(nextProps: CachedImageProps) {
        observe(nextProps.uri);
    }

    componentWillUnmount() {
      // We stop observing the cache
      ImageCache.dispose(handler);
    }

    render() {
        const {style} = this.props;
        return <Image style={style}
                      source={{ uri: this.store.path }}>{this.props.children}</Image>;
    }
}