/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 vote391 views1 answer
React native map repeate
Javascript React
0 vote366 views1 answer
Heroku buildpacks with react
Javascript React
1 vote378 views2 answers
React check internet connection
Javascript React
0 vote421 views1 answer
React inject component into another component
Javascript React
0 vote401 views1 answer
Unable to resolve "@react-native-community/masked-view" from
Javascript React
0 vote378 views1 answer
How to use two text fields in one single row react js
Javascript React
0 vote384 views1 answer
Scroll to a input on button click react native
Javascript React
0 vote360 views2 answers
Airbnb react native eslint
Javascript React
64 votes353 views6 answers
Router react
Javascript React
0 vote402 views1 answer
Ng-class equivalent in react
Javascript React