react-native-vector-icons 安装

陶腾
2023-12-01

安装 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 了。

 类似资料: