真的踩了好幾天的坑,每次按照網上的一些教程來,都把整個項目都廢了,原因:誰動了我的Xcode!!!!!,奉勸各位少動Xcode。前人踩坑,后人繼續踩坑。
好了,來總結下本人成功使用react-native-vector-icons 的過程。
一.npm install
npm install react-native-vector-icons --save
react-native link
link完后,終端會報錯
然后 npm install 來一遍。
再react-native link
link 成功。此時,內心無比的激動啊,以為已經OK了?
哈哈哈哈哈哈,還沒,直接nmp start 會紅屏報錯,Unrecognized font family 'Ionicons',因為你還沒有添加Fonts到Xcode中。
so...........
打開你的Xcode,右鍵add files to ,添加node_modules/react-native-vector-icons/Fonts到XCode工程中。
就醬紫,完成!你可以盡情使用這個可以直接使用圖片名就能加載圖片的第三方庫,類似於web的iconfont矢量圖,使用很方便, 你不需要在工程文件夾里塞各種icon圖片, 節省很多空間,
是不是很方便。