react-native-lazy-load-image
v0.0.4
A react native plugin to lazy load image with loading indicator and show default image if something goes wrong with image path and resolve image issues and much more
react-nativelazy-loadlazy-imagedefault-imageimage-issues-fixesreact-native-lazy-load-imagelazy-load-image
21/weekUpdated 2 years agoMITUnpacked: 20.1 KB
Published by Satish Bansal
npm install react-native-lazy-load-imagereact-native-lazy-load-image
A react native plugin to lazy load image with loading indicator and show default image if something goes wrong with image path and resolve image issues and much more
Installation
using either Yarn:
``
yarn add react-native-lazy-load-image
or npm:
`
npm install react-native-lazy-load-image
Usage
`
import { LazyLoadImage } from 'react-native-lazy-load-image';
``
Demo
Features
- [x] Show loading before image being ready to load.
- [x] Show default image if there is any error in image path.
- [x] Auto width/height applied if no width/height in given.
- [x] Image all props supported.
- [x] ImageBackground supported.
- [x] Expo supported.
Props
It accepts all the Image props and also some extra props too.
Properties
$3
Color of loading indicator
---
$3
Remote url to load the default image if something goes wrong with source image.
---
$3
local path for default image if something goes wrong with source image.
---
$3
Need loading indicator while image getting ready to load default (true)
---
$3
Need auto width height of image default (true)
---
$3
Need extra image styling
---
$3
If you want to use ImageBackground then set background to true, default if false
---