問題描述項(xiàng)目中圖片分為a@2x.png,a@3x的圖片，所以引入的時候直接這樣引入的 <Image // source={require('../../../images/ios/a.png')}
source={require(LoginImages.logo)}
style={{
width: px2dp(101),
height: px2dp(94)
}}
/>這樣引入是沒有問題的，但是我在images下面創(chuàng)建了一個新的.js文件用來導(dǎo)出所有的圖片const LoginImages = { logo: require('./ios/LOGO.png'), // login: require('./ios/login@2x.png'), // userIcon: require('./ios/usericon@2x.png'), // pwdIcon: require('./ios/pwdIcon@2x.png'), // mobile: require('./ios/mobile@2x.png'), // back: require('./ios/back@2x.png'), // register: require('./ios/register@2x.png')
};
export { LoginImages };然后在需要的地方直接使用 <Image
// source={require('../../../images/ios/LOGO.png')} source={require(LoginImages.logo)}
style={{
width: px2dp(101),
height: px2dp(94)
}}
/>這樣的方法引入，但是react-native提示 圖片內(nèi)容為空 這是什么情況希望解惑下
1 回答
弒天下
TA貢獻(xiàn)1818條經(jīng)驗(yàn) 獲得超8個贊
你為什么要再寫一遍 require
<Image
// source={require('../../../images/ios/LOGO.png')} source={require(LoginImages.logo)}
style={{
width: px2dp(101),
height: px2dp(94)
}}
/>添加回答
舉報(bào)
0/150
提交
取消