react-native-auto-height-image
Initialized by vivaxy/gt-npm-package
This component provides you a simple way to load a remote image and automatically set Image height to the image dimension which fits the provided width.
ReactNative Image component needs users to set both width and height props.
Installation
yarn add react-native-auto-height-image
npm install react-native-auto-height-image
Usage
import React, { Component } from 'react';
import AutoHeightImage from 'react-native-auto-height-image';
export default class Demo extends Component {
render() {
return (
<AutoHeightImage
width={100}
imageURL={'http://placehold.it/350x150'}
/>
);
}
}Props
| name | type | isRequired | default | description |
|---|---|---|---|---|
width |
number | ✔ | N/A | image width to fit |
imageURL |
string | ✔ | N/A | remote image url |
onHeightChange |
func | ✖ | (height) => {} | called when updating image height, the argument height might be 0 |
Other image props except source and resizeMode are accepted.