/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 vote175 views1 answer
Which algorithm React is used to compare dom?
Javascript React
2 votes209 views1 answer
Dot env react native
Javascript React
1 vote172 views1 answer
Iconify react
Javascript React
64 votes155 views4 answers
How to install react-router-dom in react js
Javascript React
6 votes148 views1 answer
React state management
Javascript React
0 vote148 views1 answer
FAILURE: Build failed with an exception react native android
Javascript React
0 vote211 views2 answers
Undefined is not an object render header flatlist react hook
Javascript React
0 vote157 views1 answer
Package path ./react is not exported from package next-auth
Javascript React
1 vote153 views1 answer
Column width table react
Javascript React
0 vote165 views1 answer
React native no android sdk found
Javascript React