需求中有时候要求实现两张图片重叠在一起,这就意味着其中一张图片要设置position:‘absolute’。当图片设置了绝对定位以后,常规的弹性盒子语句{justifity-content,align-items}实现居中就失效了。
一起总是通过top,left等属性进行定位,但是当手机的尺寸不同时,图片就会发生偏移。所以还是想要实现绝对定位图片的居中。
代码如下:
<View style={{position:‘absolute’,right:0,left:0,top:0,bottom:0,justifyContent:‘center’,flexDirection:‘row’}}>
此时必须在绝对定位的图片样式设置中 加入right:0,left:0,top:0,bottom:0,即可实现。