/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 vote129 views2 answers
Get data from url using react
Javascript React
0 vote122 views1 answer
Radio button default checked react
Javascript React
0 vote117 views1 answer
Enzymes are proteins that speed up reactions by
Javascript React
0 vote175 views1 answer
How to pass parent function to child screen in React Navigation
Javascript React
0 vote124 views1 answer
React-data-table-component cell action
Javascript React
1 vote160 views1 answer
How to add two elements in one path in react router v6
Javascript React
0 vote136 views2 answers
React router dom link same page with different param
Javascript React
0 vote128 views2 answers
How to make a search bar in react django
Javascript React
2 votes114 views1 answer
If back react
Javascript React
0 vote126 views1 answer
Displaying the date react
Javascript React