Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/weblineindia/react-native-image-cache
A React Native based component for Image Cache in your application.
https://github.com/weblineindia/react-native-image-cache
image-cache image-caching react-components react-native react-native-component react-native-components react-native-image-cache react-native-library react-native-module react-native-plugin reactnative reactnative-image-cache reactnativedemo
Last synced: 11 days ago
JSON representation
A React Native based component for Image Cache in your application.
- Host: GitHub
- URL: https://github.com/weblineindia/react-native-image-cache
- Owner: weblineindia
- License: mit
- Created: 2020-08-20T10:01:02.000Z (over 4 years ago)
- Default Branch: master
- Last Pushed: 2024-10-21T12:22:07.000Z (about 1 month ago)
- Last Synced: 2024-10-23T13:15:58.264Z (28 days ago)
- Topics: image-cache, image-caching, react-components, react-native, react-native-component, react-native-components, react-native-image-cache, react-native-library, react-native-module, react-native-plugin, reactnative, reactnative-image-cache, reactnativedemo
- Language: TypeScript
- Homepage: https://www.weblineindia.com/software-development-resources.html
- Size: 505 KB
- Stars: 1
- Watchers: 3
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md
Awesome Lists containing this project
README
# React Native - Image Cache Component
A React Native based component for Image Cache in your application.
## Getting started
- [Demo](#demo)
- [Installation](#installation)
- [Supported versions](#supported-versions)
- [Usage](#usage)
- [Props](#props)
- [Want to Contribute?](#want-to-contribute?)
- [Collection of Components](#collection-of-components)
- [Changelog](#changelog)
- [License](#license)
- [Keywords](#keywords)
## Demo
[](https://github.com/weblineindia/React-Native-Image-Cache/blob/master/ImageCache.png)
## Installation
`$ npm install rn-weblineindia-image-cache --save`
`$ npm install react-native-fs --save`
`$ npm install md5`
We have used react-native-fs to handle file system access in this package and it requires an extra step during the installation.
Use npm install md5 to handle file name store and access.
## Supported versions
We have tested this component in ReactNative 0.60 - 0.66.4. You can still use it in other versions.
## Usage
```javascript
import ImageCacheComponent from 'rn-weblineindia-image-cache';
```
Here is a sample screen in which you can implement the image-cache Component
```javascript
```
## Props
| **Props** | **Type** | **Required** | **Description** |
|---------------------------|----------|--------------|-------------------------------------------------------------------------------|
| sourceUrl | `string` | yes | URL for fetch photo |
| resizeMode | `string` | no | cover,contain,stretch,repeat,center. Default contain |
| imageStyle | `object` | no | Apply style for image, Default is flex:1 |
| placeholderImage | `string` | no | To show default image when image has issue.Required local image path. |
| activityIndicatorSize | `string` | no | small,large, Default is small |
| activityIndicatorColor | `string` | no | foreground color for indicator |
| activityIndicatorStyle | `string` | no | Apply style for indicator, Default is center of element |
-----
## Want to Contribute?
- Created something awesome, made this code better, added some functionality, or whatever (this is the hardest part).
- [Fork it](http://help.github.com/forking/).
- Create new branch to contribute your changes.
- Commit all your changes to your branch.
- Submit a [pull request](http://help.github.com/pull-requests/).
-----
## Collection of Components
We have built many other components and free resources for software development in various programming languages. Kindly click here to view our [Free Resources for Software Development](https://www.weblineindia.com/software-development-resources.html).
------
## Changelog
Detailed changes for each release are documented in [CHANGELOG.md](./CHANGELOG.md).
------
## License
[MIT](LICENSE)
[mit]: https://github.com/weblineindia/React-Native-Image-Cache/blob/master/LICENSE
------
### Keywords
rn-weblineindia-image-cache, react-native-image-cache, image-cache, react-native, image-caching, react-image-caching