我已经创建了一个卡,并且父组件即卡是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'无法正常工作,为什么呢?可能是什么原因 ?

看截图:

javascript - 如何拉伸(stretch)无法在图像上使用的属性 react  native ?-LMLPHP

最佳答案

如果您希望图像为全​​角,请按以下方式更改imgFacility样式:

imgFacility:{
width: Dimensions.get('window').width,
height: 200,
alignSelf: 'center'
}

09-13 09:39