react-native-cdn-image

React native cdn image for remote urls

Cache your images in your react native app easily with width param (optional).

Installing

npm install react-native-cdn-image --save
- or -
yarn add react-native-cdn-image

Usage

import React from 'react';
import CDNImage from 'react-native-cdn-image';

export default class Example extends React.Component
{
    render() {
        return (
            <View>
                <CDNImage style={styles.image} source={{ uri: 'https://example.com/images/1.jpg' }}/>
                <CDNImage source={{ uri: 'https://example.com/images/2.jpg', width: 500 }}/>
                <CDNImage placeholder={'Waiting...'} source={{ uri: 'https://example.com/images/3.jpg' }}/>
            </View>
        );
    }
}

API

clear

You can clear all cached images with clear method. Example:

import CDNImage from 'react-native-cdn-image';

export default class Example extends React.Component
{
    componentWillUnmount()
    {
        CDNImage.clear();
    }
}