react-native-vector-icons 之 ios 配置

一、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），运行即可

©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容