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

好了，開工了， 。

筆者在[ReactNative之Image在Android設置圓角圖片變形問題](抱歉，服務器睡著了... - 簡書)這篇文章中提到了安卓端設置圖片圓角的解決辦法，但是還需要大家復制代碼，不太友好(太麻煩，能不能npm一下， )。鑒于這種情況，今天做了一個開源的組件# **[react-native-border-radius-image](wayne214/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、有圖有真相

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

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。