/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 vote330 views1 answer
Login condition if and else in router dom of react jsx
Javascript React
0 vote294 views2 answers
React native store sensitive data in redux
Javascript React
0 vote269 views1 answer
Onclick hold react
Javascript React
0 vote253 views1 answer
Burger menu bulma React
Javascript React
0 vote296 views1 answer
React native text area form
Javascript React
0 vote274 views1 answer
Button size react native
Javascript React
0 vote306 views1 answer
Javascript react reverse map
Javascript React
0 vote273 views1 answer
React function runs several times
Javascript React
0 vote262 views1 answer
Multi filtering react
Javascript React
0 vote268 views1 answer
How disabled react-select
Javascript React