/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 vote340 views1 answer
Use this in a react js component
Javascript React
1 vote371 views2 answers
Push values to state array class react
Javascript React
1 vote331 views1 answer
React current path
Javascript React
0 vote334 views1 answer
Find in array and return true or false react js
Javascript React
0 vote404 views1 answer
Require cycle disable warning react native
Javascript React
0 vote329 views1 answer
How to disable keyboard calender input in material ui datepicker reactjs
Javascript React
0 vote316 views1 answer
React i18n outside component
Javascript React
2 votes314 views1 answer
React state object key value
Javascript React
4 votes336 views2 answers
HandleClick react
Javascript React
0 vote327 views2 answers
React native share image
Javascript React