nic
nativescript-image-cache
npm i nativescript-image-cache
nic

nativescript-image-cache

⚡ Nativescript image caching plugin using Fresco for Android and SDWebImageCache for iOS

by Yesarela Ritonga

1.1.6 (see all)License:MITTypeScript:Built-In
npm i nativescript-image-cache
Readme

Nativescript Image Cache

npm version

Nativescript image caching plugin using Fresco for Android and SDWebImageCache for iOS

Installation

tns plugin add nativescript-image-cache

Support NativeScript ~3.0.0 with Angular

Properties

Property NameValuePlatform
stretchaspectFill, aspectFit, fill, noneios,android
srcstringios,android
placeholderstringios,android
placeholderStretchaspectFill, aspectFit, fill, noneandroid
radiusnumberandroid
roundedbooleanandroid

Basic Usage

Nativescript Angular

Initialization

import { initializeOnAngular } from 'nativescript-image-cache';

export class AppComponent {
    constructor () {
        initializeOnAngular();
    }
}

Example usage:

<NSImage #myImage stretch="aspectFill" radius="20" src="res://logo">
</NSImage>

Nativescript Vanilla

Initialization (android only)

const imageCache = require('nativescript-image-cache');

if (application.android) {
    application.on('launch', () => {
        imageCache.initialize();
    });
}

Example usage:

<Page xmlns:IC="nativescript-image-cache">
    <GridLayout rows='*' columns='*'> 
        <IC:NSImage stretch="fill" row="0"
            col="0" placeholder="res://placeholder" 
            src="res://logo">
            </IC:NSImage>  
    </GridLayout>
</Page>

Caching Image

Default cache purge time can be specified in number of days.

import { setCacheLimit } from 'nativescript-image-cache';

const cacheLimitInDays : number = 7;
setCacheLimit(cacheLimitInDays);

Clearing Cache

Default cache time for SDWebImageCache is 7 days, and for Fresco is 60 days.

import { clearCache } from 'nativescript-image-cache';

clearCache();

(Android Only), you need to initialize in the application onlaunch event before clearing the cache

Credits

The starting point for this plugin was this great plugin.

Downloads/wk

18

GitHub Stars

12

LAST COMMIT

4yrs ago

MAINTAINERS

2

CONTRIBUTORS

5

OPEN ISSUES

8

OPEN PRs

1
VersionTagPublished
1.1.6
latest
5yrs ago
No alternatives found
No tutorials found
Add a tutorial

Rate & Review

100
No reviews found
Be the first to rate