react-native 中的图示引入问题

Question

问题描述

项目中图片分为[e-mail],a@3x的图片，
所以引入的时候直接这样引入的

           <Image              // source={require('../../../images/ios/a.png')}
              source={require(LoginImages.logo)}
              style={{
                width: px2dp(101),
                height: px2dp(94)
              }}
            />

这样引入是没有问题的，但是我在images下面创建了一个新的.js
文件用来导出所有的图片

const LoginImages = {  logo: require('./ios/LOGO.png'),  // login: require('./ios/[e-mail]'),  // userIcon: require('./ios/[e-mail]'),  // pwdIcon: require('./ios/[e-mail]'),  // mobile: require('./ios/[e-mail]'),  // back: require('./ios/[e-mail]'),  // register: require('./ios/[e-mail]')
};
export { LoginImages };

然后在需要的地方直接使用

 <Image
              // source={require('../../../images/ios/LOGO.png')}              source={require(LoginImages.logo)}
              style={{
                width: px2dp(101),
                height: px2dp(94)
              }}
            />

这样的方法引入，但是react-native提示 图片内容为空 这是什么情况

希望解惑下

Answer 1

你为什么要再写一遍&nbsp;require&nbsp;<Image &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;//&nbsp;source={require('../../../images/ios/LOGO.png')}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;source={require(LoginImages.logo)} &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;style={{ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;width:&nbsp;px2dp(101), &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;height:&nbsp;px2dp(94) &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}} &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;/>