/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 vote230 views2 answers
React native modal
Javascript React
0 vote269 views2 answers
Install boxicons in react
Javascript React
1 vote184 views1 answer
Table reactstrap
Javascript React
0 vote271 views1 answer
React native uid
Javascript React
0 vote236 views4 answers
Router react how to pass data to class component
Javascript React
0 vote219 views2 answers
React query stop refetch when i switch browser tabs (globally)
Javascript React
9 votes268 views2 answers
Html emmet in react vscode
Javascript React
0 vote223 views1 answer
News api react native
Javascript React
17 votes243 views5 answers
React native icons
Javascript React
27 votes269 views4 answers
Font awesome react npm
Javascript React