/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 vote182 views1 answer
React google login
Javascript React
0 vote261 views1 answer
Space between react native
Javascript React
0 vote242 views2 answers
React native store sensitive data in redux
Javascript React
2 votes217 views2 answers
How to export multiple functions react from one file
Javascript React
1 vote201 views2 answers
React native choose simulator
Javascript React
0 vote213 views1 answer
React onclick div
Javascript React
10 votes228 views3 answers
Query string in react js
Javascript React
0 vote228 views1 answer
Insert isValidPhoneNumber in react hook form
Javascript React
0 vote204 views1 answer
Add event listener react hooks
Javascript React
2 votes209 views1 answer
Redux React redux
Javascript React