1.0.2 • Published 8 years ago

react-native-iconfont-text v1.0.2

Weekly downloads
5
License
MIT
Repository
github
Last release
8 years ago

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 图标和文字的间距

###使用方式 ####第一步:获取组件模块 Mou icon

####第二步:定义iconfont映射表,记得放入字体ttf文件 Mou icon

Mou icon ####第三步:使用组件显示iconfont Mou icon

###最后推荐一个iconfont字体文件的制作网站,能够快速生成整套的iconfont字库 ####https://icomoon.io/app/#/select