import Image from 'react-native-image-cache'


<Image onLoad={()=>{
  ToastAndroid.show(`OnLoad`, ToastAndroid.LONG)
}} borderRadius={2} style={styles.image} src={"http://placehold.it/500"}></Image>

Install the npm package react-native-image-cache. Inside your React Native project, run (example):

npm install --save react-native-image-cache

In android/settings.gradle add the following lines

include :react-native-image-cache'
project(':react-native-image-cache').projectDir = file('../node_modules/react-native-image-cache/android')

NOTE : If you have included other libraries in your project, the include line will contain the other dependencies too.

In android/app/build.gradle, add a dependency to ':react-native-image-cache'

dependencies {
    compile project(':react-native-image-cache')
}

Next, you need to change the MainActivity of your app to register ReactImageCache :

import com.image.cache.ReactImageCache; // add this import

public class MainActivity extends ReactActivity {
    //...

    @Override
    protected List<ReactPackage> getPackages() {
      return Arrays.<ReactPackage>asList(
          new MainReactPackage(),
          new ReactImageCache() // add this manager
      );
    }

TeamLockr image caching Team Lockr image caching for react native

These are functions created by the TeamLockr Team created for the TeamLockr platform.