doubleyong
管理员
管理员
  • 最后登录2024-03-15
  • 发帖数1164
  • 最爱沙发
  • 喜欢达人
  • 原创写手
  • 社区居民
  • 忠实会员
阅读:2251回复:0

[react-native]React-Native 使用 React-Native-Vector-Icons 使用字体图标的操作步骤

楼主#
更多 发布于:2021-09-17 09:32
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
知识需要管理,知识需要分享
游客


返回顶部

公众号

公众号