笔者在ReactNative之Image在Android设置圆角图片变形问题这篇文章中提到了安卓端设置图片圆角的解决办法,但是还需要大家复制代码,不太友好(太麻烦,能不能npm一下,?)。鉴于这种情况,今天做了一个开源的组件# react-native-border-radius-image, 大家可以试试看效果如何。欢迎大家star哦
使用
1、安装依赖
yarn add react-native-border-radius-image
2、使用
// 导入包 import RoundImage from 'react-native-border-radius-image' // 页面中引用, render 方法中 // Icon 为设置的默认logo render() { const imgUrl = itemData.logo_url ? {uri: itemData.logo_url} : Icon; return( <RoundImage source={imgUrl} size={40} style={{alignSelf: 'flex-start', marginTop: 2,}} /> ) }
3、有图有真相
这样是不是更加愉快的使用了,?。