大家好，十一假期biu的一下就過去了，相信大家都沒有玩的盡興，沒關(guān)系，我們還有周六周日雙休日(不加班)，或者再堅持三個月就到了2020年的元旦了， 是不是發(fā)現(xiàn)時間過得太快了。

好了，開工了， 。

筆者在[ReactNative之Image在Android設(shè)置圓角圖片變形問題](抱歉，服務(wù)器睡著了... - 簡書)這篇文章中提到了安卓端設(shè)置圖片圓角的解決辦法，但是還需要大家復(fù)制代碼，不太友好(太麻煩，能不能npm一下， )。鑒于這種情況，今天做了一個開源的組件# **[react-native-border-radius-image](wayne214/react-native-border-radius-image)**， 大家可以試試看效果如何。歡迎大家star哦

### 使用

#### 1、安裝依賴

```

yarn add react-native-border-radius-image

```

#### 2、使用

```

// 導(dǎo)入包

import RoundImage from 'react-native-border-radius-image'

// 頁面中引用, render 方法中

// Icon 為設(shè)置的默認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、有圖有真相

這樣是不是更加愉快的使用了， 。如果幫助了您，歡迎大家star

總結(jié)

以上是生活随笔為你收集整理的native react 图片多选_开源一个图片组件 react-native-border-radius-image的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。