/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 vote415 views3 answers
Npm update react
Javascript React
136 votes514 views6 answers
Create a react app
Javascript React
0 vote377 views1 answer
Svg as a component react
Javascript React
1 vote397 views1 answer
Image touchable opacity react native
Javascript React
3 votes430 views3 answers
How to update react app
Javascript React
6 votes416 views3 answers
Apply required attribute on input using ternary operator using react js
Javascript React
0 vote360 views1 answer
How to add css based on route react
Javascript React
7 votes366 views2 answers
How to import js via script in react
Javascript React
4 votes383 views1 answer
Use of useNavigate from 'react-router-dom'
Javascript React
4 votes403 views2 answers
Defining functions in react
Javascript React