/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

-1 vote293 views1 answer
Array.filter react
Javascript React
2 votes277 views1 answer
Rn touchableopacity
Javascript React
0 vote326 views1 answer
React document viewer
Javascript React
3 votes292 views5 answers
React date range picker
Javascript React
0 vote311 views1 answer
React-map-multidimensional-array
Javascript React
1 vote315 views1 answer
React get input value on button click functional component
Javascript React
1 vote334 views1 answer
How to check if bottom tab is active in react native material bottom tab
Javascript React
0 vote307 views1 answer
How to run and clone react app
Javascript React
12 votes289 views2 answers
React split array into chunks
Javascript React
4 votes321 views1 answer
React bind function to component
Javascript React