react Native项目中 使用Fontello自定义字体图标库

1.安装字体图标库 ，在项目根目录的cmd输入运行命令安装依赖

         npm install react-native-vector-icons --save

2.下载Fontello 字体图标，

Fontello - icon fonts generator

点击选中你需要的图标点击下载生成zip文件

解压文件，将解压后文件中的ttf格式文件方法项目根目录的assets/fonts文件夹，没有则自己创建

将解压后文件中的config.json 放入你的项目中

3.配置react-native.config.js

在项目根目录下创建一个react-native.config.js文件，‌用于指定自定义字体文件的路径

module.exports = {
  assets: ['./assets/fonts/'],        //你的ttf文件存放路径
};

4.链接资源：‌运行命令react-native link来链接资源。‌这一步会自动将字体文件拷贝到正确的位置，‌并在iOS和Android平台上进行必要的配置。‌

使用 react-native link   （确保react-native环境已配置成功）

或使用 npx react-native link  (确保node相关环境已配置成功）

fix: 

 如果link可能报错： error: unknown command 'link'   
说明当react-native 库已经没有了link指令。为了解决该问题，需要手动添加react-native-asset库。

安装react-native-asset 手动link

1. yarn add react-native-asset --save
2. yarn react-native-asset    确保react-native.config.js内路径配置正确

   1. 

5.在项目中引用 Fontello 

import { createIconSetFromFontello } from 'react-native-vector-icons';
import fontConfig from './asstes/config.json'; //自定义图标文件 config.js 目录
const Icon = createIconSetFromFontello(fontConfig);

6.使用图标

<Icon name='chat'></Icon>
//chant 是字体图标名称，鼠标悬浮到选中图标上可以看到