使用Image控件,做圆形图片,按照做Android 的思路,只需要设置圆角为图片的宽度的一半(圆形图片的话,肯定要保证宽高是一致的),如下代码设置style:
itemAvatarView: {
width: scaleSize(34.5),
height: scaleSize(34.5),
borderRadius: scaleSize(17),
},
运行出来的显示结果如下:

咦!!!!不对,在style样式中添加这么一句话(填充模式)就可以解决了
resizeMode:'cover',

使用cover的填充模式可以实现,那其他模式呢?那试一试看看结果,通过测试发现contain和stretch以及center属性均不可实现圆形图片,只有cover可以。在此做一次记录。