native react 图片多选_开源一个图片组件 react-native-border-radius-image

大家好，十一假期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相关推荐

python下载图片的命令_网上的图片不知道怎么批量下载？python教你怎么把网站上面的图片都爬下来...
妹子图网站----前言从今天开始就要撸起袖子,直接写Python爬虫了,学习语言最好的办法就是有目的的进行,所以,接下来我将用10+篇的博客,写爬图片这一件事情.希望可以做好. 为了写好爬虫,我们需 ...
vue 筛选组件_记一个复杂组件（Filter）的从设计到开发
此文前端框架使用 rax,全篇代码暂未开源(待开源) 原文链接地址:Nealyang/PersonalBlog 前言貌似在面试中,你如果设计一个 react/vue 组件,貌似已经是司空见惯的问题了 ...
el-table 树形表格自定义展开图标_实践一个树形组件
想实践一个树形组件的起因是发现目前主流UI库在树形组件上都没有提供连接线(ant design有,但不知道为什么设计得发虚,就是各元素之间没有严格衔接上,见下图,而Vue生态圈中的Element UI ...
ps如何修改图片大小尺寸_如何查看图片尺寸，大小及如何修改图片尺寸—淘宝美工入门课03...
上一篇文章给大家分享了一下豆芽常用字体,也提供了下载链接,今天和大家聊聊有关图片尺寸和图片大小相关的问题,主要包含以下这3个方面. 一,如何查看图片的尺寸(像素px) 二,如何改变图片的尺寸三,了解 ...
怎么给图片添加水印？教你一个图片加水印小妙招
怎么给我们自己的图片添加上水印呢?在我们的日常生活中,我们会拍摄一些图片或者是自己通过制作软件来绘制出一些好看的图片上传到网上,很多小伙伴会通过这种方式来获取流量或关注度,甚至是产生一些利益,但是,由 ...
基于Python-OpenCV的图片覆盖技术——即把一个图片P到另一个图片上
简介一下前提 : 我所使用的覆盖图片都是已经被抠图的,由于我采用的是网上在线抠图, 被抠图图片RGB是黑色RGB--即(0, 0, 0). 先看一下我们不希望忘得到的结果:很明显被抠除部分显 ...
怎么把图片无损放大？分享一个图片无损放大小妙招
怎么把图片无损放大呢?无损放大功能是指在不损失图像质量的情况下将图片放大,这意味着即使将图片放大到很大的尺寸,也不会出现模糊或失真的情况.在我们制作海报.PPT演示.社交媒体分享等方面,如果我们使用的 ...
0205事件处理_受控_柯里化-组件-React
文章目录 1 事件处理 1.1 概述 1.2 示例 2 非受控组件和受控组件 2.1 概述 2.2 登录示例-非受控 2.3 登录示例-受控 3 高阶函数 4 函数柯里化 5 React函数的非柯里化 ...
react全家桶从0搭建一个完整的react项目(react-router4、redux、redux-saga)
react全家桶从0到1(最新) 本文从零开始,逐步讲解如何用react全家桶搭建一个完整的react项目.文中针对react.webpack.babel.react-route.redux.redu ...

native react 图片多选_开源一个图片组件 react-native-border-radius-image

native react 图片多选_开源一个图片组件 react-native-border-radius-image相关推荐

最新文章

热门文章