安装
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"