{"id":19311983,"url":"https://github.com/weblineindia/react-native-image-cache","last_synced_at":"2026-02-10T16:13:10.675Z","repository":{"id":129984933,"uuid":"288970570","full_name":"weblineindia/React-Native-Image-Cache","owner":"weblineindia","description":"A React Native based component for Image Cache in your application.","archived":false,"fork":false,"pushed_at":"2024-10-21T12:22:07.000Z","size":517,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-08-06T06:17:50.125Z","etag":null,"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"],"latest_commit_sha":null,"homepage":"https://www.weblineindia.com/software-development-resources.html","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/weblineindia.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":"CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2020-08-20T10:01:02.000Z","updated_at":"2024-10-21T12:22:12.000Z","dependencies_parsed_at":"2024-11-10T00:32:11.062Z","dependency_job_id":null,"html_url":"https://github.com/weblineindia/React-Native-Image-Cache","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/weblineindia/React-Native-Image-Cache","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/weblineindia%2FReact-Native-Image-Cache","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/weblineindia%2FReact-Native-Image-Cache/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/weblineindia%2FReact-Native-Image-Cache/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/weblineindia%2FReact-Native-Image-Cache/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/weblineindia","download_url":"https://codeload.github.com/weblineindia/React-Native-Image-Cache/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/weblineindia%2FReact-Native-Image-Cache/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":269748323,"owners_count":24469125,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-08-10T02:00:08.965Z","response_time":71,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["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"],"created_at":"2024-11-10T00:31:59.035Z","updated_at":"2026-02-10T16:13:10.636Z","avatar_url":"https://github.com/weblineindia.png","language":"TypeScript","readme":"# React Native - Image Cache Component\n\nA React Native based component for Image Cache in your application. \n\n## Getting started\n\n- [Demo](#demo)\n- [Installation](#installation)\n- [Supported versions](#supported-versions)\n- [Usage](#usage)\n- [Props](#props)\n- [Want to Contribute?](#want-to-contribute?)\n- [Collection of Components](#collection-of-components)\n- [Changelog](#changelog)\n- [License](#license)\n- [Keywords](#keywords)\n\n## Demo\n\n[![](ImageCache.png)](https://github.com/weblineindia/React-Native-Image-Cache/blob/master/ImageCache.png)\n\n## Installation\n\n`$ npm install rn-weblineindia-image-cache --save`\n\n`$ npm install react-native-fs --save`\n\n`$ npm install md5`\n\nWe have used react-native-fs to handle file system access in this package and it requires an extra step during the installation.\n\nUse npm install md5 to handle file name store and access.\n\n## Supported versions\n\nWe have tested this component in ReactNative 0.60 - 0.66.4. You can still use it in other versions.\n\n## Usage\n\n```javascript\nimport ImageCacheComponent from 'rn-weblineindia-image-cache';\n\n \u003cImageCacheComponent\n  sourceUrl={'imageURL'}\n  resizeMode={'contain'}\n  imageStyle={{ flex: 1 }}\n  placeholderImage={require('thumbImage')}\n  activityIndicatorSize={'small'}\n  activityIndicatorColor={'red'}\n  activityIndicatorStyle={{ justifyContent: 'center', alignItems: 'center' }}\n  /\u003e\n```\n\nHere is a sample screen in which you can implement the image-cache Component\n\n```javascript\n \u003cImageCacheComponent\n  sourceUrl={'imageURL'}\n  resizeMode={'contain'}\n  imageStyle={{ flex: 1 }}\n  placeholderImage={require('../Image/test.png')}\n  activityIndicatorSize={'small'}\n  activityIndicatorColor={'red'}\n  activityIndicatorStyle={{ justifyContent: 'center', alignItems: 'center' }}\n  /\u003e\n```\n\n## Props\n\n| **Props**                 | **Type** | **Required** | **Description**                                                               |\n|---------------------------|----------|--------------|-------------------------------------------------------------------------------|\n| sourceUrl                 | `string` | yes          | URL for fetch photo                                                           |\n| resizeMode                | `string` | no           | cover,contain,stretch,repeat,center. Default contain                          |\n| imageStyle                | `object` | no           | Apply style for image, Default is flex:1                                      |\n| placeholderImage          | `string` | no           | To show default image when image has issue.Required local image path.         |\n| activityIndicatorSize     | `string` | no           | small,large, Default is small                                                 |\n| activityIndicatorColor    | `string` | no           | foreground color for indicator                                                |\n| activityIndicatorStyle    | `string` | no           | Apply style for indicator, Default is center of element                       |\n\n\n-----\n\n## Want to Contribute?\n\n- Created something awesome, made this code better, added some functionality, or whatever (this is the hardest part).\n- [Fork it](http://help.github.com/forking/).\n- Create new branch to contribute your changes.\n- Commit all your changes to your branch.\n- Submit a [pull request](http://help.github.com/pull-requests/).\n\n-----\n\n## Collection of Components\n\nWe 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).\n\n------\n\n## Changelog\n\nDetailed changes for each release are documented in [CHANGELOG.md](./CHANGELOG.md).\n\n------\n\n## License\n\n[MIT](LICENSE)\n\n[mit]: https://github.com/weblineindia/React-Native-Image-Cache/blob/master/LICENSE\n\n------\n\n### Keywords\n\n rn-weblineindia-image-cache, react-native-image-cache, image-cache, react-native, image-caching, react-image-caching\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fweblineindia%2Freact-native-image-cache","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fweblineindia%2Freact-native-image-cache","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fweblineindia%2Freact-native-image-cache/lists"}