/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

7 votes227 views1 answer
Img src in react js
Javascript React
0 vote206 views1 answer
Fetchutils in react admin
Javascript React
3 votes220 views1 answer
React is front end or backend
Javascript React
0 vote216 views1 answer
Asp.net core react server session
Javascript React
0 vote229 views1 answer
TextInput cursor not shown react native
Javascript React
0 vote211 views3 answers
React date format
Javascript React
0 vote179 views1 answer
How to define cardTitle background image in mdl in reactjs
Javascript React
0 vote190 views1 answer
Npm react-dom
Javascript React
0 vote188 views1 answer
React google login
Javascript React
0 vote223 views1 answer
React props change
Javascript React