JImage.js

import React, { Component } from 'react';
import { Image, InteractionManager } from 'react-native';

export default class JImage extends Component<Props> {

    constructor(props) {
        super(props)
        this.state = {
            width: 1,
            height: 1
        }
    }

    componentDidMount() {
        this.props.source && Image.getSize(this.props.source.uri, (w, h) => {
            let { style } = this.props;
            let width = 1;
            let height = 1;
            if (!style || !(style.width || style.height)) {
                width = w;
                height = h;
            } else if (style.width) {
                width = style.width;
                height = (width * h) / w;
            } else if (style.height) {
                height = style.height;
                width = (height * w) / h;
            } else {
                width = style.width;
                height = style.height;
            }
            this.setState({ width: width, height: height });
        });
    }

    render() {
        let { style } = this.props;
        let width = style && style.width ? style.width : this.state.width;
        let height = style && style.height ? style.height : this.state.height;
        return (
            <Image {...this.props} style={[style, { width: width, height: height }]} resizeMode='stretch' />
        );
    }
}