/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 vote123 views4 answers
React native push notifications npm
Javascript React
0 vote126 views1 answer
Reactjs exemple class component
Javascript React
0 vote124 views1 answer
How to resolve cors in production react
Javascript React
0 vote143 views1 answer
Create react without jsx
Javascript React
0 vote127 views1 answer
React google places auto complete example
Javascript React
0 vote122 views1 answer
React native Stack Navigation Prop unused variable
Javascript React
0 vote138 views2 answers
Como arreglar el error de Linking.openUrl no funciona react native
Javascript React
0 vote132 views1 answer
Route with parameter react not working not found
Javascript React
0 vote131 views1 answer
Image background full width react
Javascript React
1 vote135 views1 answer
Share file in react native
Javascript React