Skip to content

dersoncheng/react-native-iconfont-text

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

10 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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

About

react-native的iconfont组件

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published