首先,我尝试使用以下代码加载图像,然后加载图像
render(){
return(
<View style={{backgroundColor:'red', flex:1, alignItems:'center'}}>
<Text> Landing Page controller</Text>
<Image
source={require('./symbol.png')}
/>
</View>
); }
现在我从不同的文件中加载了大量的图像。在这种情况下,维护代码和资源非常困难。这就是我创建单独文件
的原因resource.js
module.export= {
symbol:require('./symbol.png'),
};
然后在组件文件中我尝试加载如下。
import JResource from './resource.js';
.....................
..................
render(){
return(
<View style={{backgroundColor:'red', flex:1, alignItems:'center'}}>
<Text> Landing Page controller</Text>
<Image
source={JResource.symbol}
/>
</View>
);
}
现在应用程序已运行,但未显示任何图像。如果任何一个机构能够弄清楚这里有什么问题会很棒。
答案 0 :(得分:1)
你应该module.exports = ..... not export