問題描述項目中圖片分為[email protected],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/[email protected]'), // userIcon: require('./ios/[email protected]'), // pwdIcon: require('./ios/[email protected]'), // mobile: require('./ios/[email protected]'), // back: require('./ios/[email protected]'), // register: require('./ios/[email protected]')
};
export { LoginImages };然后在需要的地方直接使用 <Image
// source={require('../../../images/ios/LOGO.png')} source={require(LoginImages.logo)}
style={{
width: px2dp(101),
height: px2dp(94)
}}
/>這樣的方法引入，但是react-native提示 圖片內容為空 這是什么情況希望解惑下
1 回答
弒天下
TA貢獻1818條經驗 獲得超8個贊
你為什么要再寫一遍 require
<Image
// source={require('../../../images/ios/LOGO.png')} source={require(LoginImages.logo)}
style={{
width: px2dp(101),
height: px2dp(94)
}}
/>添加回答
舉報
0/150
提交
取消