/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 vote363 views1 answer
React lottie player on hover
Javascript React
3 votes362 views2 answers
Use font awsome in react
Javascript React
0 vote361 views1 answer
Scrollbar automatically scroll down as new divs are added reactjs
Javascript React
1 vote362 views1 answer
Get value of input element on button click react
Javascript React
0 vote351 views1 answer
Onclick start and stop the count react
Javascript React
0 vote361 views1 answer
Error: Error: Unable to resolve module `react-native-gesture-handler` from `node_modules\@react-navigation\native\lib\module\Scrollables.js`: react-native-gesture-handler could not be found within the project.
Javascript React
5 votes349 views2 answers
Code splitting react
Javascript React
0 vote341 views1 answer
How to print an array inside another array in react
Javascript React
8 votes371 views2 answers
React native rotate image
Javascript React
1 vote340 views1 answer
React why onclick property function trigger without click
Javascript React