/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 vote382 views1 answer
React get current date minus 7 days
Javascript React
0 vote359 views2 answers
React composition
Javascript React
0 vote387 views1 answer
How to use two text fields in one single row react js
Javascript React
0 vote349 views1 answer
React animated text yarn package
Javascript React
0 vote388 views1 answer
React onclick div
Javascript React
1 vote379 views1 answer
Committing in react
Javascript React
0 vote398 views1 answer
Bootstrap modal disable close on click outside react bootstrap
Javascript React
8 votes367 views3 answers
React js props
Javascript React
2 votes376 views1 answer
Get current screen name react navigation
Javascript React
8 votes375 views1 answer
React-fragment
Javascript React