/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 vote236 views1 answer
Add sass autoprefixer to react
Javascript React
1 vote255 views2 answers
React-native-screens
Javascript React
0 vote247 views1 answer
React native floating button
Javascript React
1 vote244 views1 answer
Docker react module not found
Javascript React
48 votes224 views1 answer
Emmet not working in react nextjs
Javascript React
1 vote245 views2 answers
How to use gif in react native
Javascript React
0 vote277 views1 answer
React native run on specific emulator
Javascript React
16 votes173 views2 answers
React fragment
Javascript React
0 vote233 views1 answer
Form.Control textarea react bootstrap
Javascript React
0 vote237 views1 answer
./src/components/Header/HeaderElements.js [1] Module not found: Can't resolve 'react-icons/fa' in '/Users/rubenmatamoros/Desktop/ucf-coding-bootcamp-2020/fitter/client/src/components/Header'
Javascript React