royaldeveloper2015/react-native-auto-height-image

🖼️ React Native auto height image

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.

Change Log

Change log

Contributing

Contributing

Licence

MIT