/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 vote293 views1 answer
React looping hooks to display in other hook
Javascript React
0 vote278 views1 answer
Convert table to excel reactjs
Javascript React
0 vote315 views1 answer
React implicit return
Javascript React
2 votes284 views2 answers
Vscode extensions for better react js
Javascript React
0 vote283 views1 answer
Yarn add react-native-elements
Javascript React
1 vote291 views1 answer
Have flat list automatically wrap react native
Javascript React
1 vote293 views1 answer
React native image disable fade in onload
Javascript React
-1 vote315 views1 answer
How to remove react icon from tab
Javascript React
3 votes286 views1 answer
React prop ytpes
Javascript React
0 vote296 views1 answer
Reacts mos twanted
Javascript React