/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

10 votes195 views3 answers
Jquery react npm
Javascript React
-1 vote189 views2 answers
Minified react error #200
Javascript React
0 vote187 views1 answer
React select remove the loading indicator
Javascript React
0 vote174 views1 answer
React hooks update parent state from child
Javascript React
0 vote187 views1 answer
React-particles-js not working
Javascript React
1 vote181 views2 answers
Adding more than one class react
Javascript React
0 vote195 views1 answer
How to remove an object from array in react native
Javascript React
0 vote192 views1 answer
Get height webview from url video react native
Javascript React
0 vote195 views1 answer
Convert table to excel reactjs
Javascript React
4 votes307 views3 answers
React native keystore
Javascript React