React Native项目中集成react-native-vector-icons

Posted xiangzhihong8

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了React Native项目中集成react-native-vector-icons相关的知识,希望对你有一定的参考价值。

使用React Native开发移动App时,经常会遇到矢量图和自定义字体的开发需求,使用矢量图可以有效的减少包体积的大小。在React Native开发中,可以使用react-native-vector-icons来满足开发需求。

一、安装

和其他的第三方库一样,使用第三方库之前需要先安装react-native-vector-icons。

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

然后,在使用link命令添加原生库链接。

react-native link react-native-vector-icons

二、原生端配置

2.1 ios端配置

首先,在RN的 ios 目录下执行 pod install命令安装依赖包。

cd ios && pod install

以上是关于React Native项目中集成react-native-vector-icons的主要内容,如果未能解决你的问题,请参考以下文章

React Native项目中集成react-native-vector-icons

React Native在原生项目中集成之坑点总结

基于 Expo 在 React Native 应用中集成华为移动服务

在 react-native 中集成 Easypaisa

如何在 React Native 中集成 QuickBlox?

在现有 iOS 应用程序中集成 react-native(0.40.0) 后未找到 yoga/Yoga.h 头文件