接觸ReactNative時間也不短啦堤尾,中間遇到的坑還是很多的,但是由于時間原因都沒有及時記錄下來型宝,現(xiàn)在就從iconfont開始一點點積累吧潜叛。
要想優(yōu)雅的使用iconfont,首先你要有iconfont字體文件坝冕,提到字體文件,阿里巴巴矢量圖標(biāo)庫在國內(nèi)可是首屈一指的啦瓦呼,能翻墻的同學(xué)也可以看看國外的一個網(wǎng)站喂窟。
沒有賬號的同學(xué)首先注冊一個賬號,然后我們可以直接搜索我們想要的圖標(biāo)央串,支持中英文喔磨澡。比如下面我搜索的添加圖標(biāo)
鼠標(biāo)放在上面可以看到有立即下載、添加入庫质和、添加到我的收藏里稳摄,我們直接添加入庫,然后在點擊右上角的購物車圖標(biāo)饲宿,把這個圖標(biāo)添加到我們自己創(chuàng)建的項目里厦酬。然后在圖標(biāo)管理我的項目中可以看到下載值本地
我們要的文件就是下圖中高亮部分
到這里我們的字體文件就準(zhǔn)備好了。
要想在Android中使用字體文件瘫想,我們就需要把字體文件拷貝到?/android/app/src/main/assets/fonts/ ?目錄下
要想在IOS中使用仗阅,我們首先要把字體文件拖拽到工程里,同時勾選如下選項
然后在plist文件里添加 Fonts provided by Application
iconfont.ttf文件可以在xcode工程中創(chuàng)建一個單獨的目錄存放国夜,并不影響使用减噪,配置好之后別忘了要重啟編譯項目(IOS和Android)
最后我們在來看看在js中如何使用吧
圖中的  就是我們在阿里巴巴圖標(biāo)庫中的哈希編碼