https://github.com/phuochau/react-native-beautiful-image

The Beautiful Image component that supports fadeIn animation and shows placeholderSource if the main source can't be loaded. More will be implemented.
https://github.com/phuochau/react-native-beautiful-image

react-native react-native-component

Last synced: about 1 month ago
JSON representation

The Beautiful Image component that supports fadeIn animation and shows placeholderSource if the main source can't be loaded. More will be implemented.

• Host: GitHub
• URL: https://github.com/phuochau/react-native-beautiful-image
• Owner: phuochau
• License: mit
• Archived: true
• Created: 2017-04-02T06:13:01.000Z (almost 8 years ago)
• Default Branch: master
• Last Pushed: 2017-04-02T07:59:41.000Z (almost 8 years ago)
• Last Synced: 2024-11-20T07:44:40.858Z (2 months ago)
• Topics: react-native, react-native-component
• Language: Objective-C
• Homepage: https://github.com/phuochau/
• Size: 421 KB
• Stars: 62
• Watchers: 3
• Forks: 6
• Open Issues: 2
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-react-native - react-native-beautiful-image ★52 - The Beautiful Image component that supports fadeIn animation and shows placeholderSource if the main source can't be loaded. (Components / UI)
• awesome-react-native - react-native-beautiful-image ★52 - The Beautiful Image component that supports fadeIn animation and shows placeholderSource if the main source can't be loaded. (Components / UI)
• awesome-reactnative-ui - react-native-beautiful-image - native-beautiful-image/master/screenshot.gif)| (Others)
• awesome-react-native - react-native-beautiful-image ★52 - The Beautiful Image component that supports fadeIn animation and shows placeholderSource if the main source can't be loaded. (Components / UI)
• awesome-reactnative-ui - react-native-beautiful-image - native-beautiful-image/master/screenshot.gif)| (Others)
• awesome-react-native - react-native-beautiful-image ★52 - The Beautiful Image component that supports fadeIn animation and shows placeholderSource if the main source can't be loaded. (Components / UI)

README

        
react-native-beautiful-image

===

The Image component that supports fadeIn animation and shows placeholderSource if the main source can't be loaded. More will be implemented.

![Sample](screenshot.gif)

## Installation

```bash

npm i --save react-native-beautiful-image

```

Please file an issue if you have any trouble!

## Usage

```jsx

import Image from 'react-native-beautiful-image';

....

```

## Options

Supports all [Image](https://facebook.github.io/react-native/docs/images.html) properties.

option | Info

------ | ----

placeholderSource | Show `placeholderSource` if the `source` can't be loaded.

## Todo

- Support more animations

- Lazy Loading based on position in View.

- TBD

## License

MIT