react-native中使用自定义的字体图标iconfont
2024-10-12 03:43:41
iconfont图标库下载
可在 http://www.iconfont.cn
下载
下载完成后的目录中有字体文件:
iconfont.ttf
拷贝字体文件
Android:
在 Android/app/src/main
目录下新建文件夹 assets/fonts/
然后将iconfont.ttf文件拷贝到assets/fonts/目录下
使用
在下载的字体文件夹中有demo_unicode.html文件
打开文件,在界面有显示图标以及对应的unicode
码值,如
- 在Text标签中使用
- 并设置
style:{fontFamily : 'iconfont'}
。如:
1
|
<Text style={{fontFamily:'iconfont'}}></Text>
|
更方便的使用
在Text标签中可以直接写入
但是如果要使用变量来表示,则不能使用同样的字符串,需要使用对应的unicode字符串。
例如:
应使用 \ue697
来表示。
完整示例:
1
2
|
let back = '\ue697';
<Text style={{fontFamily:'iconfont'}}>{back}</Text>
|
最新文章
- css zoom属性兼容ie,firefox,chrome
- DOM与CSS样式表
- soapui中文操作手册(八)----Web服务的功能测试案例
- ACM 无线网络覆盖
- 关于C# byte[]与struct的转换
- js instanceof运算符
- 编码规范(二)之Code Templates的设置(转)
- AP_AP系列 - 付款管理分析(案例)
- uboot命令分析+实现【转】
- Cookie和Session简介与区别
- 如何删除google流氓扩展(强制安装,并且无权限删除)
- javaweb学习总结十二(JAXP对XML文档进行SAX解析)
- discuz 注册用户用到的几个表
- 29、activity横竖屏切换细节问题
- linux进程间通信之信号
- 二叉查找树C语言实现
- 第一章 Java语言概述
- 初次使用Mybatis
- linux虚拟机关机、重启命令
- Mudo C++网络库第八章学习笔记
热门文章
- 160317(二)、按sort排序,sort为空的在后面
- SaltStack之编译安装LNMP环境
- SaltStack概述及安装
- Android实时推送
- 解决kindeidtor与struts2框架交互WARN OgnlValueStack:68 - Error setting value [[Ljava.lang.String;@10da4df]的bug
- OnePy--构建属于自己的量化回测框架
- 一道Python面试题
- 010-Shell 输入/输出重定向
- contentSize、contentInset和contentOffset 是&#160;scrollView三个基本的属性区别和使用
- Bootstrap 中的插件的学习