问题描述
我正在使用 React Native 的 imagebackground 组件,但在 IOS(设备)中它不显示图像,在模拟器中出现图像 这会是什么?
代码如下:
import { imagebackground } from 'react-native';
const imgSrc = require('../../assets/images/bg-login.png');
<imagebackground
resizeMode="cover"
source={imgSrc}
style={style.backgroundImage}
>
样式如下:
backgroundImage: {
width: screenWidth,height: '100%'
},
解决方法
render() {
return (
<View style={{ flex: 1 }}>
<ImageBackground
resizeMode="cover"
source={require('../assets/oops.png')}
style={{width:Dimensions.get('screen').width,height:Dimensions.get('screen').height}}
>
</ImageBackground>
</View>
);
}
尝试此代码并根据您的要求使用 resizeMode