/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 vote158 views1 answer
Deploy react to azure : web.config
Javascript React
0 vote174 views1 answer
Configure the Chrome debugger react
Javascript React
0 vote192 views1 answer
@tippyjs/react
Javascript React
0 vote175 views1 answer
Expo cli vs react native cli
Javascript React
4 votes163 views6 answers
Location of release apk in react native
Javascript React
0 vote166 views2 answers
React native bottom sheet example
Javascript React
0 vote169 views1 answer
How to imporrt Browserrouter in react
Javascript React
0 vote193 views1 answer
React native scrollable
Javascript React
22 votes162 views2 answers
React-bootstrap example
Javascript React
1 vote159 views1 answer
React native environment variables
Javascript React