/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

111 votes158 views6 answers
Install bootstrap in react
Javascript React
32 votes127 views1 answer
React touter dom
Javascript React
10 votes183 views2 answers
Failed to compile ./src/App.js Module not found: Can't resolve 'react-router-dom
Javascript React
0 vote177 views1 answer
Get size of a View in React Native
Javascript React
0 vote150 views1 answer
Stop playing music when page is closed react
Javascript React
1 vote134 views1 answer
Button doesn't work while keyboard is shown react native
Javascript React
1 vote125 views2 answers
Sha-1 certificate fingerprint react native
Javascript React
0 vote173 views1 answer
React password hashing
Javascript React
3 votes139 views1 answer
Latest react version npm
Javascript React
0 vote142 views1 answer
Copy paste menu react native textinput disable
Javascript React