跳到主要内容

RN使用字体图标

iconfont字体图标, 如果你身处在一个视觉或者交互对页面UI很强的团队,你会深刻的理解使用图片作为图标的不便之处:

下载图标

首先去阿里图标网,下载图标,

阿里图标网

解压

下载之后,解压文件

最重要的是这个ttf文件,一定要记住这个名字

解压ttf

安卓项目

直接把这个复制进入项目目录路径的安卓字体路径即可,如果没有的文件夹,直接自己新建即可

提示

注意: 这个地方的安卓字体文件夹是不可以更改的

.\android\app\src\main\assets\fonts

RN在安卓环境下插入字体图标

ios项目

直接把这个ttf文件拖进去,拖到xcode里面还有提示是否安装未知的字体图标文件,选择是就行了

重新启动

提示

必须重新启动RN项目,也就是重新运行 react-native run-平台

使用

RN字体使用

RN字体使用

RN字体使用