[英]React-Native FullScreen Backaground Image
因此,L一直在试图约4天,但我只是似乎无法得到的图像表现得像它应该在flexbox
,尤其是与cover
resizeMode。
我的代码是:
var Creator = React.createClass({
render: function() {
return (
<View style={ styles.container }>
<Image source={ require('image!createBg') } style={ styles.image }></Image>
</View>
);
}
});
var styles = StyleSheet.create({
container: {
flex: 1,
},
image: {
flex: 1,
resizeMode: 'cover'
}
});
并输出以下内容(图像被大规模拉伸,而不是100%的宽度):
任何帮助将不胜感激,只是看不出为什么它不起作用!
resizeMode
是Image组件的一个单独道具,在style
道具内部没有任何作用。 它还需要Image组件的枚举。 因此,您应该像这样使用它:
<Image
source={require('image!createBg')}
style={styles.image}
resizeMode={Image.resizeMode.contain} />
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.