/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 vote220 views1 answer
React-data-table-component cell action stack overflow
Javascript React
0 vote213 views2 answers
React native bordered image drop with shadow fix
Javascript React
2 votes183 views1 answer
React state object key value
Javascript React
0 vote180 views1 answer
Import React from 'react'; import {Router, Scene} from 'react-native-router-flux';
Javascript React
5 votes184 views2 answers
React js onclick call two functions
Javascript React
0 vote192 views2 answers
Call a method of component from outside react
Javascript React
0 vote212 views1 answer
No routes matched location / react router
Javascript React
0 vote183 views1 answer
Run react app in different port
Javascript React
2 votes139 views1 answer
Rn touchableopacity
Javascript React
2 votes198 views2 answers
React native asign width to image
Javascript React