react-native-vector-icons 安装

安装 react-native-vector-icons 的步骤如下：

https://github.com/oblador/react-native-vector-icons

在项目根目录下执行以下命令安装 react-native-vector-icons：

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

在 iOS 项目中，使用 CocoaPods 安装 react-native-vector-icons：

cd ios
pod install

在 Android 项目中，修改 android/app/build.gradle 文件，添加以下代码：

apply from: "../../node_modules/react-native-vector-icons/fonts.gradle"

在需要使用图标的组件中引入所需的图标：

import Icon from 'react-native-vector-icons/FontAwesome';

在组件中使用图标：

<Icon name="rocket" size={30} color="#900" />

其中，name 属性为图标名称，size 属性为图标大小，color 属性为图标颜色。

注意：在 Android 项目中，如果出现 Error: Duplicate resources 错误，可以在 android/app/build.gradle 文件中添加以下代码：

android {...aaptOptions {additionalParameters "--no-version-vectors"}
}

这样就可以成功安装和使用 react-native-vector-icons 了。

react-native-vector-icons 安装相关推荐

React Native windows环境安装遇到的坑
在官方中文文档中(http://reactnative.cn/docs/0.37/getting-started.html)有一段话是:使用Chocolatey来安装NodeJS.注意,目前已知Nod ...
React Native 网络层分析
文:志俊(沪江Web前端) 本文原创,转载请注明作者及出处在使用React Native开发中,我们熟练的采用JavaScript的方式发送请求的方式发送一个请求到服务端,但是处理这个请求的过程其实 ...
【转】【React Native开发】
[React Native开发]React Native控件之ListView组件讲解以及最齐全实例(19) [React Native开发]React Native控件之Touchable*系列组 ...
windows 下配置 react native 开发环境
windows 下配置 react native 开发环境安装nvm 由于react native 需要使用 NodeJs 4.0以上版本,为了方便切换NodeJs,首先我们需要安装nvm. 你可以 ...
react native 包学不包会系列--认识react native
react native 是由Facebook推出,基于JavaScript框架和React库来提高多平台开发效率的一门语言.很好地填补了跨平台开发的空缺,推出之后也是收到很多开发者的关注,目前使用的 ...
React Native 后台执行计时器react-native-background-timer
在开发的过程中,定时执行代码很常用,但是有个问题是,只要手机APP切到后台运行代码就停止执行了.最近在开发一款音乐播放器APP,想实现定时"停止播放"功能,就需要用到后台也可以定时 ...
如何使用React Native构建新闻应用
by Mohammed Salman 穆罕默德·萨尔曼(Mohammed Salman) 如何使用React Native构建新闻应用 (How to build a news app with Re ...
React Native专题
未经授权不得转载: 出处地址:http://www.lcode.org 本文出自:[江清清的技术专栏] 本React Native讲解专题:主要讲解了React Native开发,由基础环境搭建配置入 ...
React Native专题-江清清
本React Native讲解专题:主要讲解了React Native开发,由基础环境搭建配置入门,基础,进阶相关讲解. 刚创建的React Native交流8群:533435865 欢迎各位大牛, ...
React Native专题-江
(一).基本介绍: 江博客http://blog.csdn.net/jiangqq781931404/article/category/6055594 React Native For Android ...

react-native-vector-icons 安装

react-native-vector-icons 安装相关推荐

最新文章

热门文章