/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

0 vote183 views1 answer
How to extract params from received link in react native firebase dynamiclink?
Javascript React
0 vote184 views1 answer
ERROR TypeError: undefined is not an object (evaluating '_reactNative.Styles.m aincont')
Javascript React
0 vote185 views1 answer
React js usehistory push and pass props
Javascript React
20 votes182 views2 answers
React localstorage
Javascript React
3 votes186 views2 answers
React native animated sticker
Javascript React
0 vote178 views1 answer
Multilone input react
Javascript React
0 vote241 views1 answer
Handling props in functional components reactjs ijnterview questions
Javascript React
1 vote183 views1 answer
How to get the value of textarea in react
Javascript React
20 votes191 views4 answers
On enter key press react
Javascript React
1 vote195 views1 answer
Reconciliation in react
Javascript React