react-native-aspect-ratio-image

A responsive image component that always takes up the full width of the parent container and sets height according to the aspect ratio

Installation

1npm install react-native-aspect-ratio-image

Usage

1import { AspectRatioImage } from 'react-native-aspect-ratio-image';
2
3// Remote image
4<AspectRatioImage source={{ uri: 'https://unsplash.it/400/400?image=1' }}/>
5
6// Local image
7<AspectRatioImage source={require('../assets/icon.png')} />
8
9// You can use any props as you would on regular images:
10<AspectRatioImage alt={"test-image"} source={require('../assets/icon.png')} />
11

Author

Made by Vincent Elias

License

MIT