react-native-image-cache
v0.0.8
Published
React Native wrappers for universal-image-loader and ImageView
Downloads
21
Maintainers
Readme
Image caching for Android
This is still very basic since I am quite new to React. There is plenty of room for improvment by adding additional react bindings for props and callbacks.
Props:
| Property | Type | Default | Description | |---------------|----------|--------------|----------------------------------------------------------------| | src | string | null | http source of the image | | tintColor | string | null | optional tintColor |
Include in your App
Installation
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.