码迷,mamicode.com
首页 > 其他好文 > 详细

添加react-native-icons中文傻瓜式教程

时间:2016-04-28 12:11:10      阅读:332      评论:0      收藏:0      [点我收藏+]

标签:

icon的好处我就不多说了,直接看教程:

技术分享

上图是英文版教程,我们按着他的步骤来做:
1,先打开xcode,这不用教了吧

技术分享

对着你的项目右键选择Add Files to"里面显示的是你的项目名称";

2,选择路径node_modules ? react-native-iconsios ? addReactNativeIcons.xcodeproj 点Add

3,选中项目目录,右边的Build Phases ? Link Binary With Libraries,并点击+,如图:

技术分享

4,如图:

技术分享

5,

技术分享

 

6,

技术分享

 

7,按路径选择node_modules/react-native-icons/ios/ReactNativeIcons/Libraries/FontAwesomeKit,如图:

技术分享

PS:这里有个Mac小技巧,先按shift选择了,再按com去掉不要选择的;

8,

技术分享

9,出来了吧,看图

技术分享

10,

技术分享

11,

技术分享

最后PS:如果你的项目做了一半,预览只有一个红色框框,没见到图标,手动启动xcode,不要用命令行,或者卸载虚拟机到app,重新安装即可。

添加react-native-icons中文傻瓜式教程

标签:

原文地址:http://www.cnblogs.com/shmmah/p/5442026.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!