/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

1 vote316 views1 answer
How to detect onend reach of scrollview in react native
Javascript React
0 vote288 views1 answer
How to define cardTitle background image in mdl in reactjs
Javascript React
0 vote340 views1 answer
React userefrence example
Javascript React
1 vote353 views3 answers
Npm update react
Javascript React
1 vote321 views1 answer
Using React useRef hook to focus input field on button click
Javascript React
0 vote344 views1 answer
11. Which of the following metals catch fire on reaction with air? A. Magnesium B. Manganese C. Potassium D. Calcium
Javascript React
2 votes308 views1 answer
How to align text inside react component
Javascript React
1 vote323 views2 answers
React native get timezone
Javascript React
94 votes348 views6 answers
Install react router
Javascript React
2 votes395 views1 answer
Cursor to pointer in react
Javascript React