/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

3 votes329 views1 answer
React create array
Javascript React
28 votes330 views1 answer
Semantic ui dropdown value react
Javascript React
0 vote314 views1 answer
How to extract params from received link in react native firebase dynamiclink?
Javascript React
1 vote311 views1 answer
React map component in
Javascript React
23 votes307 views4 answers
Change port react app
Javascript React
1 vote306 views1 answer
How to get the value of textarea in react
Javascript React
16 votes344 views3 answers
Start react native
Javascript React
1 vote337 views1 answer
How to create round image in react native
Javascript React
2 votes283 views1 answer
Yarn create react-app test00h00m00s 0/0: : ERROR: [Errno 2] No such file or directory: 'create'
Javascript React
4 votes319 views1 answer
How to creat emmet in react
Javascript React