Fails when trying to load image from uri in Android

[saeed2402]

Hi,
I get this error:

When I try to load image from a uri like this:

<View >

                                <ImageViewer
                                    disabled={false} // by default
                                    source={{ uri: 'http://www.menshealth.com/sites/menshealth.com/files/styles/slideshow-desktop/public/images/slideshow2/beer-intro.jpg?itok=hhBQBwWj' }}
                                    doubleTapEnabled={true} // by default double tap will zoom image
                                    onMove={(e, gestureState) => null}
                                    onPress={(opening) => console.log(opening)}
                                    mainImageStyle={styles.commentImage}
                                    zoomedImageStyle={styles.zoomedImageStyle}
                                    mainImageProps={{
                                        resizeMode: 'contain'
                                    }}
                                    zoomedImageProps={{
                                        resizeMode: 'contain'
                                    }}
                                />

                        </View>

Anything I am missing here?
I get below warning as well, not sure if it is related or not:

[saeed2402]

I changed below function in ImageViewer.js and it worked:

componentWillMount() {
    const { source } = this.props;

    this.state.layout.x.addListener((animated) => this.handleLayoutChange(animated, LAYOUT_ENUM.X));
    this.state.layout.y.addListener((animated) => this.handleLayoutChange(animated, LAYOUT_ENUM.Y));

    this.panResponder = PanResponder.create({
      onStartShouldSetPanResponder: this.handleSetPanResponder,
      onMoveShouldSetPanResponder: () => true,
      onPanResponderMove: this.handleMove,
      onPanResponderRelease: this.handleRelease,
      onPanResponderTerminate: this.handleRelease
    });

    if (typeof source === 'object' && typeof source.uri === 'string') {
      var commentImageURL = this.props.source.uri;
      Image.prefetch(commentImageURL);
      Image.getSize(commentImageURL, (width, height) => {
        this._imageSize = { width, height };
      });
    }
  }

[shahen94]

@saeed2402 Thank you for reporting. If you want you can open submit PR. I'll check it today in the evening.

EDITED: Yes you're right, prefetch requires string uri instead of the object.
https://github.com/facebook/react-native/blob/84553ebf06425771f07ab630aa16b8007f2f32bb/Libraries/Image/Image.ios.js#L317

Thanks !

[saeed2402]

Thanks for confirming.
How about the warning? How can I get rid of it? I copied and pasted the code from your example, not sure what it is complaining about

[shahen94]

@saeed2402 Please install 0.9.10 version.

I'm going to close this issue since it has been fixed.
Feel free to re-open this if your issue is not resolved yet.

Thanks !