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 文件中引入 图片:font.png react-native-vector-icons 模块提供了很多的字体,想用哪个字体,就导入哪个字体 // 引入想用的字体 import Icon from "react-native-vector-icons/Ionicons" 4. 使用 <Icon name="home" size={40} color="red"/> 注:根据name来控制显示的图标 查看对应字体的图标名称: https://oblador.github.io/react-native-vector-icons 参考:https://blog.csdn.net/qq_28683541/article/details/86508698 |
|
|