Use this with react-native-image-progress

[isAlmogK]

Is it possible to use this or add support with the following package, so there is a progress loader - https://github.com/oblador/react-native-image-progress

[vivaxy]

Thanks for your suggestion.

The AutoHeightImage is not aware of the image size in the first place. How can I know the progress image size? If I display a progress image with a default height, then after image loaded, the content will layout again, that would be inappropriate.

Any thoughts?

[isAlmogK]

I would say it just centers it, using flexbox this it doesn't need to know the height

[vivaxy]

Currently theAutoHeightImage is used in a scrollView, and it is initialized with height = 0, so the center is making no sense.
If you are using a flexbox, then what is the flexbox height?

[isAlmogK]

@vivaxy what about just having a preloader until the image of loads regardless of the height?

[vivaxy]

@AlmogRnD It's a good idea to add a renderIndicator prop.

const renderIndicator = (progress, indeterminate) => {
     
};
// ...
<AutoHeightImage {...props} renderIndicator={renderIndicator} />

Implement as follows:

class AutoHeightImage extents Component {
    // ...
    render() {
        if (this.isLoading) {
            return renderIndicator(progress, indeterminate);
        } else {
            return <Image {...props} />;
        }
    }
}

PR is welcomed.