react-native-vector-icons 是可以直接使用图片名就能加载图片的第三方,类似于web的iconfont矢量图,使用很方便, 你不需要在工程文件夹里塞各种图片, 节省很多空间,下面就来看看怎么使用吧!

进入到你的react项目目录下,终端依次输入:

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

npm install rnpm -g

IOS方法:

1、打开你的Xcode项目工程,右键工程文件,选择react项目下的node_modules/react-native-vector-icons/Fonts文件,ok。

react-native-vector-icons 安装

2、在xcode的Info.plist文件中,加入: Fonts provided by application数组

react-native-vector-icons 安装

3、打开终端,输入:rnpm link,回车后会看到Fonts provided by application下加入如下字体。

react-native-vector-icons 安装

最后,重新运行react项目,终端输入:react-native run-ios,可以看到效果了,ok!

相关文章:

  • 2021-11-29
  • 2022-12-23
  • 2022-12-23
  • 2022-01-17
  • 2022-12-23
  • 2021-09-02
  • 2021-08-10
  • 2021-11-10
猜你喜欢
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2021-05-12
  • 2021-06-15
相关资源
相似解决方案