/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 vote356 views1 answer
Form- text area react
Javascript React
0 vote342 views2 answers
React typical
Javascript React
0 vote342 views1 answer
React native hide stack navigator title
Javascript React
1 vote401 views1 answer
React native paper text input
Javascript React
1 vote348 views1 answer
React next alias import
Javascript React
0 vote354 views2 answers
React js big calendar
Javascript React
0 vote349 views1 answer
React Native Segmented Control Tab
Javascript React
0 vote377 views1 answer
How to use saved image on react
Javascript React
0 vote357 views1 answer
React-anime
Javascript React
7 votes350 views2 answers
Br in react native
Javascript React