React-Native 使用 React-Native-Vector-Icons 引入 iconfont 文字矢量图标

iconfont(阿里巴巴矢量图标库)

1.使用命令行工具进行 react-native-vector-icons 工具的安装：

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

安装完成之后在package.json文件中可以看到新增了一行

"react-native-vector-icons": "^5.0.0",

2.使用命令

react-native link react-native-vector-icons

或者

npm install -g rnpm
rnpm link react-native-vector-icons

进行自动关联

3.在 index.js 文件中引入

import Icon from "react-native-vector-icons/Ionicons"

4.将下载好的icon fonts 文件 放置到 app/src/main/assets/fonts 文件夹中 如图所示：