/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

1 vote43 views1 answer
Set Custom User Agent react
Javascript React
0 vote48 views1 answer
React hook form reset only one field
Javascript React
2 votes47 views1 answer
Make page refresh on top in react js
Javascript React
2 votes47 views2 answers
React native image swiper
Javascript React
2 votes50 views1 answer
How to see if a web site is useing react
Javascript React
1 vote47 views4 answers
React native push notifications npm
Javascript React
4 votes49 views4 answers
Width 100% react native
Javascript React
0 vote56 views1 answer
Reactjs facebook login popup trigger on load page
Javascript React
0 vote55 views1 answer
How to run electron and react using concurrently
Javascript React
2 votes48 views1 answer
React native seperator code
Javascript React