/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 vote198 views1 answer
How to clear text ibput after message sent react native
Javascript React
1 vote261 views1 answer
How to add two elements in one path in react router v6
Javascript React
0 vote284 views1 answer
Different ways to write react file paths
Javascript React
0 vote209 views6 answers
State functions of react cheatsheet
Javascript React
1 vote206 views1 answer
How to map objects in react native
Javascript React
0 vote223 views2 answers
Can i pass data with usenavigate react router
Javascript React
15 votes244 views1 answer
Did you mean to use React.forwardRef()?
Javascript React
0 vote270 views1 answer
About react frame
Javascript React
3 votes229 views1 answer
React native class component constructor
Javascript React
108 votes271 views1 answer
How to start react app in windows
Javascript React