美文网首页
react-native-vector-icons 之 ios

react-native-vector-icons 之 ios

作者: 光脚丫的孩子 | 来源:发表于2020-07-08 14:52 被阅读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),运行即可

    相关文章

      网友评论

          本文标题:react-native-vector-icons 之 ios

          本文链接:https://www.haomeiwen.com/subject/vwkccktx.html