/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 vote239 views2 answers
Remove the warning for setState on unmounted components in React
Javascript React
2 votes230 views2 answers
React native settimeout
Javascript React
0 vote235 views1 answer
Persian calender for react-native
Javascript React
0 vote256 views9 answers
How to run a cloned react native project
Javascript React
48 votes236 views4 answers
How to add comment in react js
Javascript React
15 votes239 views2 answers
Ternary react
Javascript React
1 vote241 views1 answer
Set Custom User Agent react
Javascript React
0 vote222 views1 answer
React 10 to 1 with step -2 (odd numbers between [1..10] inverted order)
Javascript React
4 votes192 views1 answer
Pass parameter to handleclick react
Javascript React
0 vote205 views1 answer
React router history not defined
Javascript React