未在<img/>中加载的本地图像反应原生

时间:2016-06-03 05:45:13

标签: javascript reactjs react-native

首先,我尝试使用以下代码加载图像,然后加载图像

render(){
return(
  <View style={{backgroundColor:'red', flex:1, alignItems:'center'}}>
    <Text> Landing Page controller</Text>
    <Image
    source={require('./symbol.png')}
  />
  </View>
);  }

enter image description here 现在我从不同的文件中加载了大量的图像。在这种情况下,维护代码和资源非常困难。这就是我创建单独文件

的原因

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>
        );
      }

现在应用程序已运行,但未显示任何图像。如果任何一个机构能够弄清楚这里有什么问题会很棒。

enter image description here

1 个答案:

答案 0 :(得分:1)

你应该module.exports = ..... not export