ReactNative使用iconfont
作者:
iamayden | 来源:发表于
2022-12-07 15:40 被阅读0次
使用自定义图标
1. 下载iconfont图标文件
- 在iconfont官网 --> 资源管理 --> 我的项目中下载文件
- 下载解压后只需将
iconfont.ttf图标文件放置在src/assets/fonts即可
2. 链接字体图标文件到android/ios文件夹下
- 安装工具，执行
yarn add react-native-asset
- 项目根目录新建
react-native.config.js文件
// assets 对应的是存放字体图标文件的路径
module.exports = {
assets: ['./src/assets/fonts/']
};
- 执行链接，执行
yarn react-native-asset
3. 使用字体图标
- fontFamily: 'iconfont'(必须)
- {‘\ue75d’} 其中e75d为 iconfont 的 Unicode 的后四位
<Text style={{fontFamily: 'iconfont', color: 'red'}}>{'\ue75d'}</Text>
<Text style={{fontFamily: 'iconfont', color: 'blue'}}>{'\ue758'}</Text>
本文标题：ReactNative使用iconfont
本文链接：https://www.haomeiwen.com/subject/oeawfdtx.html
网友评论