/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 vote241 views1 answer
React-anime
Javascript React
2 votes256 views2 answers
React not recognizing lorem
Javascript React
40 votes254 views4 answers
On click copy to clipboard react
Javascript React
1 vote256 views1 answer
React-native-paper password input
Javascript React
2 votes256 views1 answer
React setupproxy
Javascript React
1 vote255 views2 answers
How to render react native app under the status bar
Javascript React
4 votes249 views2 answers
React multiple select dropdown
Javascript React
0 vote254 views1 answer
Setting up react on visual studio code
Javascript React
0 vote257 views1 answer
How to get property names from object using map method react
Javascript React
10 votes274 views5 answers
Form react js
Javascript React