/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 vote66 views3 answers
How to use keyextractor in flatlist react native
Javascript React
0 vote100 views1 answer
Add event listener react hooks
Javascript React
50 votes104 views6 answers
Yarn create react app
Javascript React
0 vote124 views2 answers
Combine p5 with react
Javascript React
1 vote111 views1 answer
React native could not get batchedbridge
Javascript React
0 vote113 views1 answer
React image source showing object module
Javascript React
0 vote102 views1 answer
Organize api calls react native folder
Javascript React
0 vote107 views3 answers
Create dots in carousel react js bootraps
Javascript React
1 vote114 views1 answer
How to paste in android emulator react nativ etext input
Javascript React
2 votes115 views1 answer
React-moralis
Javascript React