Cannot read property 'scale' of undefined about react-native-image-view HOT 7 CLOSED

I tested and now I understand the bug.
I can't render ImageView with the initial image being null.
Which means that I need to create some dummy image for it to work.
This will not work:

const DEFAULT_STATE: any = {
item: null,
key: 0,
isImageViewVisible: false
}

from react-native-image-view.

When I replace the 'images' through reducer the ImageView still shows me the default image.

ImageView images={[this.props.item]}
imageIndex={0}
animationType='fade'
isVisible={this.props.isImageViewVisible}

Which means that changing 'images' doesn't work. The component retains the first 'images' given.

from react-native-image-view.

The problem is that you take the 'images' from state instead of props.

Instead of:
render(): Node {
const {animation, renderFooter} = this.props;
const {images, imageIndex, isVisible, scrollEnabled} = this.state;

you need to do this:
render(): Node {
const {images, animation, renderFooter} = this.props;
const {imageIndex, isVisible, scrollEnabled} = this.state;

from react-native-image-view.

Thanks for issue, let me investigate it. The problem is that in this version there are a lot of logic happens when component receive new images. I think you right and maybe it is not necessary to store images in state, but I need some free time to test it all. Or you can send PR :)

from react-native-image-view.

Sorry, don't have the time.

from react-native-image-view.

Any progress with this issue?

It seems the takes first image passed to it even when the whole page re-renders. Is there a way to dynamically change the set of images passed to it?

from react-native-image-view.

If you want to fix it yourself, you just need to take the images in render() from props instead of state.

from react-native-image-view.