[React-Native] iconfont硬核,不依赖字体,支持多色彩,支持热更新

连接地址:https://github.com/fwh1990/react-native-iconfont-cli


在RN里用过iconfont的小伙伴都知道,它本质上是字体图标,因此你得借助react-native-vector-icons 等插件去处理字体。用字体有两个弊端:一是图标只能是单色,不具有多色彩的特性;二是由于字体要设置在android和ios源码中,因此不具有JS热更新的特性,每次修改字体都要从新打包。react

有些小伙伴想着把图标一个一个下载到本地,而后经过react-native-svg-uri渲染。这样作的话,意味着你须要花额外的时间去维护这些本地字体,每次线上图标变动,都要想要地更改本地图标。并且单独使用svg图标的话,是没办法动态去更改颜色的呢。android


因此,带着这些问题,笔者开发了一个能够不经过字体、不须要一个一个下载、支持热更新、支持多色彩的iconfont库。√√√√√√√√√√ios

特性:
一、纯组件
二、不依赖字体文件,支持JS热更新 ( code-push等 )
三、自动化生成图标组件,带ts类型提示
四、支持es6和typescript两种模式
五、原样渲染多色彩图标
六、图标颜色可定制git

使用案例:es6

<Icon name="alipay" size={300} />

clipboard.png


<Icon name="alipay" color="green" size={300} />

clipboard.png


<Icon name="alipay" color={['green', 'orange']} size={300} />

clipboard.png


喜欢这个插件的小伙伴记得给个star呦
连接地址:https://github.com/fwh1990/react-native-iconfont-cligithub

相关文章
相关标签/搜索