/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 vote326 views1 answer
React native center text vertically full screen
Javascript React
0 vote300 views4 answers
How to pass data between routes in react
Javascript React
-1 vote306 views1 answer
React check if browser is in dark mode
Javascript React
0 vote357 views1 answer
Get size of a View in React Native
Javascript React
18 votes278 views3 answers
How to hide header in react navigation
Javascript React
12 votes281 views2 answers
React split array into chunks
Javascript React
3 votes247 views4 answers
Add new array at the back of react state
Javascript React
0 vote287 views1 answer
How to have hotjar in react-hotjar
Javascript React
0 vote283 views1 answer
React native how to pass id from list to function
Javascript React
0 vote295 views1 answer
${product} meaning in react js
Javascript React