https://github.com/mateioprea/react-native-simple-progressive-image

A simple Progressive Image Loader for React Native
https://github.com/mateioprea/react-native-simple-progressive-image

Last synced: about 1 month ago
JSON representation

A simple Progressive Image Loader for React Native

• Host: GitHub
• URL: https://github.com/mateioprea/react-native-simple-progressive-image
• Owner: mateioprea
• License: mit
• Created: 2017-12-19T23:40:33.000Z (about 7 years ago)
• Default Branch: master
• Last Pushed: 2021-04-29T19:37:12.000Z (over 3 years ago)
• Last Synced: 2024-11-21T19:08:39.277Z (about 2 months ago)
• Language: JavaScript
• Size: 4.88 KB
• Stars: 1
• Watchers: 2
• Forks: 0
• Open Issues: 2
• Metadata Files:
  • Readme: README.md
  • Funding: .github/FUNDING.yml
  • License: LICENSE

Awesome Lists containing this project

README

        
# React Native Simple Progressive Image

A simple Progressive Image Loader for React Native

[![Total Downloads](https://img.shields.io/npm/dt/simple-progressive-image.svg?style=flat-square)](https://www.npmjs.com/package/simple-progressive-image) [![License](https://img.shields.io/npm/l/simple-progressive-image.svg?style=flat-square)](LICENSE)

[](https://i.imgur.com/DvwQx7p.gif)

## Why ? 

Other packages use absolute positioning which can lead to malfunctions

## Install 

```

npm install --save simple-progressive-image

```

## Example

```

import ProgressiveImage from 'simple-progressive-image';

```

## Properties

| Prop  | Default  | Type | Description | Required |

| :------------ |:---------------:| :---------------:| :-----| :-----|

| resizeMode | - | String | Inherited from  component | `true` | 

| placeholderImageStyle | - | Object | Styling for the placeholder | `false` |

| placeholderSource | - | Object | Placeholder image source | `true` |

| sourceImageStyle | - | Object | Styling for the actual image | `false` | 

| imageSource | - | Object | Actual image source | `true` |