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