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可以。在此做一次记录。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容