A cache-image for react-native
npm install @remobile/react-native-cache-image --save
'use strict';
var React = require('react');
var ReactNative = require('react-native');
var {
StyleSheet,
View,
} = ReactNative;
var CacheImage = require('@remobile/react-native-cache-image');
var SERVER = 'http://192.168.1.117:3000/';
module.exports = React.createClass({
render: function() {
return (
<View style={styles.container}>
<CacheImage
resizeMode='stretch'
defaultSource={app.img.tabnav_list}
url={SERVER+"1.png"}
style={styles.image}
/>
<CacheImage
resizeMode='stretch'
defaultSource={app.img.tabnav_list}
url={SERVER+"2.png"}
style={styles.image}
/>
<CacheImage
resizeMode='stretch'
defaultSource={app.img.tabnav_list}
url={SERVER+"3.png"}
style={styles.image}
/>
</View>
);
}
});
var styles = StyleSheet.create({
container: {
flex: 1,
justifyContent: 'center',
alignItems: 'center',
backgroundColor: '#F5FCFF',
},
image: {
width:200,
height:200,
}
});
This module supports react-native Image's props all.
defaultSource : PropTypes.string.isRequired
- local image for default imageurl : PropTypes.string.isRequired
- the url of web image