【react native】矢量圖標react-native-vector-icons的使用（4）

安裝

yarn add react-native-vector-icons --save
//或者
cnpm install react-native-vector-icons --save
//或者
npm install react-native-vector-icons --save

配置（IOS）

• 添加配置代碼
  ios/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>
</array>

• 進入ios目錄

pod install

配置（Android）

• 進入android/app/build.gradle目錄,粘貼以下代碼

apply from: "../../node_modules/react-native-vector-icons/fonts.gradle"