/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 vote219 views1 answer
React router history not defined
Javascript React
0 vote219 views1 answer
React native map repeate
Javascript React
0 vote225 views1 answer
React native cli sdk.dir
Javascript React
7 votes220 views4 answers
React native textinput disable keyboard
Javascript React
0 vote306 views1 answer
Open screen pdf on google drive react native expo
Javascript React
0 vote277 views2 answers
React composition
Javascript React
0 vote210 views1 answer
Get data from mulitple query parameters react
Javascript React
8 votes214 views2 answers
Install material icons for react
Javascript React
2 votes212 views1 answer
React-native open call app
Javascript React
0 vote197 views1 answer
Using shortid in react lists
Javascript React