React-native项目中如何使用阿里字体库

react-native项目中很多人推荐使用react-native-vector-icons，但我个人觉得不够灵活，且操作过于复杂，于是考虑使用阿里字体库。

熟悉前端开发的大家都一定知道 iconfont.cn，在网站下载图标集，会自带教程告诉你如何在网页使用 iconfont。但是在 React Native 中，跟网页使用的步骤就不同了。

首先：添加自己需要的字体

第二步：打包下载

第三步：配置项目

把下载好的字体文件夹里的iconfon.tff复制到src/assets/fonts里

在根目录中配置react-native.config.js文件

内容如下：

module.exports = {
  assets: ['./src/assets/fonts/'],
};

第四步：终端运行命令

react-native link

第五步：页面使用

<Text style={{fontFamily:'iconfont'}}>&#xe6c5;</Text>

注意：如果页面不能显示，重新run一下android就可以了！

本文地址：https://blog.csdn.net/Manong683475/article/details/108168597