react-native-iconfont-text

React Native的iconfont组件

安装命令 npm i react-native-iconfont-text --save 或 npm install react-native-iconfont-text

React Native的iconfont textview组件，支持单独的iconfont显示以及iconfont组合textview的显示。

组件属性说明：

• label React.PropTypes.string iconfont显示文本
• icon React.PropTypes.string iconfont显示的icon(如e606d)
• from React.PropTypes.string 字体文件
• iconColor React.PropTypes.string icon颜色
• position React.PropTypes.string 文本相对于icon的位置（left/right/top/bottom/none）
• iconSize React.PropTypes.number icon大小
• labelSize React.PropTypes.number 文本大小
• labelColor React.PropTypes.string 文本颜色
• iconPadding React.PropTypes.number 图标和文字的间距

使用方式

第一步：获取组件模块

第二步：定义iconfont映射表,记得放入字体ttf文件

第三步：使用组件显示iconfont

最后推荐一个iconfont字体文件的制作网站，能够快速生成整套的iconfont字库

https://icomoon.io/app/#/select