/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

4 votes308 views3 answers
React js get screen size
Javascript React
0 vote310 views1 answer
Reactjs sweet alert
Javascript React
0 vote333 views1 answer
React show new app
Javascript React
0 vote340 views1 answer
React native diasble view
Javascript React
0 vote304 views1 answer
Deploy react to azure : web.config
Javascript React
18 votes325 views4 answers
React for loop in render
Javascript React
0 vote326 views1 answer
Upload file react onclick
Javascript React
0 vote322 views1 answer
Persian calender for react-native
Javascript React
1 vote306 views3 answers
Autocomplete react
Javascript React
0 vote294 views1 answer
Shallow render in react
Javascript React