react-native-vector-icons 之 ios

2020-07-08  本文已影响0人  光脚丫的孩子

一、github 地址

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

二、配置开始

1.安装

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

2.打开 插件 文件夹

    open node_modules/react-native-vector-icons/

3.拖拽第二步导入打开的文件夹里面的 Fonts 到 Xcode 项目的项目根目录(图二),弹出框里面选项如下(图一)

图一 图二

4.用记事本打开 info.plist 文件夹

5.在打开的info.plist中添加如下内容

<key>UIAppFonts</key>

<array>

  <string>AntDesign.ttf</string>

  <string>Entypo.ttf</string>

  <string>EvilIcons.ttf</string>

  <string>Feather.ttf</string>

  <string>FontAwesome.ttf</string>

  <string>FontAwesome5_Brands.ttf</string>

  <string>FontAwesome5_Regular.ttf</string>

  <string>FontAwesome5_Solid.ttf</string>

  <string>Foundation.ttf</string>

  <string>Ionicons.ttf</string>

  <string>MaterialIcons.ttf</string>

  <string>MaterialCommunityIcons.ttf</string>

  <string>SimpleLineIcons.ttf</string>

  <string>Octicons.ttf</string>

  <string>Zocial.ttf</string>

  <string>Fontisto.ttf</string>

</array>

6.保存第5的步,然后 Xcode Clean 一下(Cmd + Shif + K),运行即可

上一篇下一篇

猜你喜欢

热点阅读