/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 vote351 views1 answer
React native get last element of array
Javascript React
0 vote374 views1 answer
React password hashing
Javascript React
-5 votes360 views3 answers
Use ref in component reactjs
Javascript React
0 vote394 views1 answer
Create react expo
Javascript React
11 votes394 views2 answers
How to refresh the page using react
Javascript React
0 vote363 views1 answer
React native navigate two screens back
Javascript React
0 vote366 views1 answer
React-file-base64
Javascript React
0 vote385 views1 answer
Orderbychild firebase react
Javascript React
0 vote368 views1 answer
React native sectionlist filter
Javascript React
1 vote365 views1 answer
Deploy react to aws
Javascript React