/Javascript/React/Full width of image and maintain aspect ratio react native

Full width of image and maintain aspect ratio react native

render() {
    let image = this.props.requireSource;
    const { width, height } = Image.resolveAssetSource(image);
    const ratio = height / width;
    const SCREEN_WIDTH = Dimensions.get('window').width;

    return (
        <Image source={image} style={{width: SCREEN_WIDTH, height: SCREEN_WIDTH*ratio}} resizeMode="contain"/>
    );
}

Source: stackoverflow.com

Similar codes

0 vote156 views1 answer
How to setup icomoon in react js
Javascript React
4 votes133 views1 answer
Import all images from folder reactjs
Javascript React
1 vote140 views1 answer
React redux actions must be plain objects
Javascript React
0 vote165 views1 answer
Antd react native
Javascript React
-1 vote101 views1 answer
Vimeo player react native
Javascript React
0 vote142 views1 answer
Implement cai webchat in react native
Javascript React
0 vote141 views1 answer
React hook form password validation uppercase
Javascript React
0 vote138 views1 answer
Npm i react-router semantic-ui-react semantic-ui-css
Javascript React
0 vote128 views1 answer
Content uri react native fs
Javascript React
7 votes132 views2 answers
Insert a line break into a text component in react-native
Javascript React