/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

19 votes206 views6 answers
Convert svg to react component
Javascript React
0 vote127 views1 answer
Ant design not working in react js
Javascript React
0 vote89 views3 answers
Flash effect in react native
Javascript React
2 votes127 views1 answer
Text decoration in react
Javascript React
0 vote128 views1 answer
Npm i react-router semantic-ui-react semantic-ui-css
Javascript React
0 vote157 views1 answer
How to go to settings on next click in react native
Javascript React
0 vote123 views1 answer
Corousal in react
Javascript React
13 votes144 views5 answers
React native setup
Javascript React
0 vote125 views1 answer
Why is necessary to run react-native run
Javascript React
18 votes141 views3 answers
Add material ui to react
Javascript React