Taro(React Native)圆形图片

        使用Image控件,做圆形图片,按照做Android 的思路,只需要设置圆角为图片的宽度的一半(圆形图片的话,肯定要保证宽高是一致的),如下代码设置style:

itemAvatarView: {

            width: scaleSize(34.5),

            height: scaleSize(34.5),

            borderRadius: scaleSize(17),

 },

        运行出来的显示结果如下:

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

resizeMode:'cover',

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

你可能感兴趣的:(Taro(React Native)圆形图片)