我想为我的React Native应用创建一个图像存储。像这样:
module.exports = {
pic1: require('image!pic1'),
pic2: require('image!pic2'),
...
pic17285: require('image!pic17285')
};
我可以在我的组件中使用它:
var React = require('react-native');
var ImageStore = require('./ImageStore');
...
module.exports = React.createClass({
render: function() {
return (
<React.Image
source={ImageStore.pic1245}
style={styles.image}
/>
);
}
});
这在性能方面是否安全?我可以在Chrome中看到这些需要调用返回小js对象,但我担心这些图像会在本机端加载。当我需要图像时,幕后会发生什么?