官方教程:git地址
1、在命令行输入:npm install react-native-vector-icons --save
2、在项目中可以看到react-native-vector-icons的目录截图如下:
3、接下来要在xcode工程目录中加入fonts文件夹,(记住不是在xcode中右击加入),而是要拖拽进去,然后会提示是否:"Add to targets" and that "Create groups",拖拽进去后工程自动会弹出提示,是否add to targets 和create groups 记得要打钩,
4、在xcode项目中一般会自动增加:
如果没有自动增加可以打开info.plist文件增加:
UIAppFonts
Entypo.ttf
EvilIcons.ttf
FontAwesome.ttf
Foundation.ttf
Ionicons.ttf
MaterialIcons.ttf
Octicons.ttf
SimpleLineIcons.ttf
Zocial.ttf
5、按照教程在react-native项目中引入react-native-vector-icons ;如:
import Ficon from'react-native-vector-icons/FontAwesome';
render()里面使用:<Ficon name="对应名字:arrow-left" size={大小:20} color="字体颜色:#fff"/>
6、此时如果在项目中reload的话会提示FontAwesome字体不存在。记住一定要在xcode中重启项目才可以使用。