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

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