图像不适合屏幕 React-native
Image doesn't fit in screen React-native
我有一个图像背景可以工作,但高度超过了,我不知道如何让它适合屏幕。事实上,它 'cuts' 图像的顶部。
原图:
我的代码:
<ImageBackground
source={require("../../assets/images/background-stats.jpg")}
style={{flex: 1,
width: "100%",
height: "100%",
resizeMode: 'contain',
justifyContent: 'center'
}}
结果:
imageStyle={{ resizeMode: 'cover' }}
或
imageStyle={{ resizeMode: 'stretch' }}
我有一个图像背景可以工作,但高度超过了,我不知道如何让它适合屏幕。事实上,它 'cuts' 图像的顶部。
原图:
我的代码:
<ImageBackground
source={require("../../assets/images/background-stats.jpg")}
style={{flex: 1,
width: "100%",
height: "100%",
resizeMode: 'contain',
justifyContent: 'center'
}}
结果:
imageStyle={{ resizeMode: 'cover' }}
或
imageStyle={{ resizeMode: 'stretch' }}