/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

2 votes104 views1 answer
React not getting img by src
Javascript React
0 vote115 views1 answer
Flutter or react native
Javascript React
1 vote116 views1 answer
React slick slider duplicate items when infinite true #1623
Javascript React
0 vote114 views1 answer
Custom hook for unique items in react
Javascript React
1 vote100 views1 answer
No known class method for selector 'setScreenName:screenClass: react native
Javascript React
98 votes139 views2 answers
Add bootstrap to react,.........,,,,
Javascript React
2 votes103 views3 answers
React native swiper
Javascript React
0 vote105 views1 answer
Setting a date range using yup on react date picker
Javascript React
0 vote100 views1 answer
React link onclick refresh page
Javascript React
-1 vote115 views4 answers
React cheat sheets
Javascript React