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

问题终结者 多了一个require

Answer 2

你为什么要再写一遍 require

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