/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 vote200 views1 answer
React native navigation paramlist never used
Javascript React
1 vote193 views1 answer
Column width table react
Javascript React
4 votes216 views2 answers
How to use react-native-vector-icons
Javascript React
3 votes207 views1 answer
React native duplicate resources: Android
Javascript React
0 vote197 views1 answer
Making a react js website project ready for hosting
Javascript React
0 vote189 views1 answer
React-bootstrap problem-install new version
Javascript React
0 vote196 views1 answer
React load script after render
Javascript React
0 vote259 views1 answer
React native run-android --release
Javascript React
0 vote217 views1 answer
Create react app node: internal/modules/cjs/loader:936throw err;^Error: Cannot find module 'react-scripts/scripts/init.js'
Javascript React
2 votes214 views1 answer
Path.split is not a function react hook use form
Javascript React