RN(react native)入坑指南-05,使用图标字体Fontawesome

本文是RN(React Native)中使用图标字体Fontawesome的入门指南,介绍了先决条件,如rn 0.23、npm 3.7.3等,以及在winX环境下安装Fontawesome所需的Python、Visual Studio C++和rnpm的注意事项。通过react-native-vector-icons组件,开发者可以方便地在rn应用中集成和使用图标。
摘要由CSDN通过智能技术生成
先决条件
  • rn 0.23
  • npm 3.7.3
  • node 5.9.1
  • system winX
  • python 2.7.x
前言

  开发过程中各式各样的图标自然少不了,如果能使用fontawesome等图标字体,自然可以带来极大的方便,然而在rn中并无法直接引用,还好已经有人做好了相关组件,react-native-vector-icons便是其中的佼佼者.
  如果你对此组件感兴趣可以去github页面star此项目
  https://github.com/oblador/react-native-vector-icons

安装

  官方README如何使用已经写得很详细,此处需要指出的是几个注意点.
  由于安装时依赖node-gyp,而node-gyp在win下又会有一堆依赖这里以winX为例说一下winX下需要安装的依赖

  1.python环境:截止博客发表时仅支持到2.7.X版本,如果是下载的zip包需要将python路径添加到环境变量中

  2.vs c++:为了方便 我直接安装了Microsoft Visual Studio Express

  3.rnpm:npm install rnpm -g

使用</
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值