/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 vote392 views1 answer
How to implement certain actions after setstate in react hooks
Javascript React
0 vote330 views1 answer
Create react element with string
Javascript React
14 votes403 views4 answers
&& in react jsx
Javascript React
2 votes440 views2 answers
Prevent a page from refreshing in react
Javascript React
1 vote373 views1 answer
Concatenate a variable inside text react native
Javascript React
0 vote408 views1 answer
React Cache buster
Javascript React
3 votes414 views1 answer
React is front end or backend
Javascript React
1 vote392 views1 answer
React center a text
Javascript React
0 vote416 views1 answer
React native textinput turnoff capitalize first letter
Javascript React
2 votes395 views4 answers
Multiple export in react
Javascript React