/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 vote205 views1 answer
How to reset count in react
Javascript React
0 vote213 views1 answer
Url in listitem react
Javascript React
5 votes202 views3 answers
Fetch in react
Javascript React
0 vote199 views2 answers
React show view based on role permission
Javascript React
-1 vote215 views1 answer
Convert create-react-app to typscript
Javascript React
1 vote206 views1 answer
React router last page
Javascript React
0 vote192 views1 answer
How to extract params from received link in react native firebase dynamiclink?
Javascript React
2 votes199 views1 answer
Display image as big as possible react native
Javascript React
0 vote279 views1 answer
Coreui react change background color
Javascript React
0 vote207 views1 answer
Button color change loop in react
Javascript React