/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 vote166 views4 answers
Notification react native
Javascript React
1 vote92 views1 answer
React native network request failed fetch
Javascript React
0 vote138 views1 answer
Reactjs clic copy
Javascript React
1 vote134 views2 answers
History react router
Javascript React
4 votes169 views1 answer
Add array of object to state react
Javascript React
0 vote90 views1 answer
Debugging react native
Javascript React
3 votes142 views1 answer
React arrays
Javascript React
0 vote143 views1 answer
React native picker not taaking height on android
Javascript React
0 vote151 views3 answers
Flatlist react native keyextractor
Javascript React
2 votes138 views3 answers
Linear gradient reactjs
Javascript React