我已经创建了一个卡,并且父组件即卡是flex。所以在使用alginSelf之后:'stretch'
码:
<View style={styles.card}>
<Image source={require('./Images/facility/facility.png')} style={styles.imgFacility}></Image>
<TouchableHighlight>
<Text style={styles.title}>Barasti /</Text>
</TouchableHighlight>
</View>
CSS:
card: {
flex: 1,
paddingLeft: 16,
paddingRight: 16
},
imgFacility: {
height: 200,
alignSelf: 'stretch'
},
title: {
color: '#ff3385'
}
上面的代码
alginSelf: 'stretch'
无法正常工作,为什么呢?可能是什么原因 ?看截图:
最佳答案
如果您希望图像为全角,请按以下方式更改imgFacility样式:
imgFacility:{
width: Dimensions.get('window').width,
height: 200,
alignSelf: 'center'
}