526互联

react-native 在ios中使用react-native-vector-icons图标

发布时间 2023-12-14 16:12:51作者: 流水飘香

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

1.引入

npm install --save react-native-vector-icons
  1. ios项目引入
    进入node_modules/react-native-vector-icons文件夹，将Fonts文件夹拖拽到Xcode的项目根目录下，
    然后在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>FontAwesome6_Brands.ttf</string>
  <string>FontAwesome6_Regular.ttf</string>
  <string>FontAwesome6_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>

打开是这样的：

然后重新运行项目即可