/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

3 votes175 views1 answer
Pass element from child to parent react
Javascript React
10 votes156 views3 answers
Jquery react npm
Javascript React
1 vote154 views1 answer
How to setup React Context, useContext Hook
Javascript React
1 vote136 views1 answer
Unexpected token react native stack navigation
Javascript React
0 vote152 views1 answer
React-timeago npm
Javascript React
0 vote135 views2 answers
Unexpected template string expression reactjs
Javascript React
0 vote152 views2 answers
React firebase hooks
Javascript React
0 vote144 views3 answers
React-router-dom status code 301
Javascript React
0 vote140 views1 answer
Array of refs react
Javascript React
17 votes139 views5 answers
Add background image react native
Javascript React