使用react-native-vector-icons（RN0.6+）

1.安装

npm install --save react-native-vector-iconsor yarn add react-native-vector-icons

2.配置

2.1.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> <string>Fontisto.ttf</string></array>

在ios目录执行 pod install 

2.2.Android配置

修改 android/app/build.gradle 在第二行添加

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

3.使用

打开https://oblador.github.io/react-native-vector-icons/找到自己需要的icon，引入自己的工程即可

import FontAwesome5 from 'react-native-vector-icons/FontAwesome5';<FontAwesome5 name={'microphone'} size={30} />

 

在mac中遇到了问题，通过这个解决了，转载自 https://www.cnblogs.com/dch0/p/13383877.html

原文转载：http://www.shaoqun.com/a/494400.html

启明星：https://www.ikjzd.com/w/1436

粉丝通：https://www.ikjzd.com/w/743

数魔跨境：https://www.ikjzd.com/w/1425.html

1.安装npminstall--savereact-native-vector-iconsoryarnaddreact-native-vector-icons2.配置2.1.IOS配置修改info.plist添加<key>UIAppFonts</key><array><string>AntDesign.ttf</string><st
西集网：西集网
文化衫事件：文化衫事件
东莞有什么好玩的？：东莞有什么好玩的？
朝鲜旅游注意事项 ：朝鲜旅游注意事项
海口热门高档咖啡厅推荐 ：海口热门高档咖啡厅推荐