從阿里巴巴矢量圖標(biāo)庫(kù)中選擇適合的圖標(biāo)，并打包下載
下載后得到如下文件，iconfont.tff
即為所需文件
在根工程目錄下創(chuàng)建assets/fonts/
文件夾回俐，導(dǎo)入iconfont.ttf
文件
- iOS
把fonts
文件夾拖到iOS工程目錄下
注意最終得到的是藍(lán)色的文件夾
修改Info.plist
在info.plist文件中添加key為Fonts provided by application
的Array中添加itemfonts/iconfont.ttf
弦疮，到此為止，已經(jīng)可以在RN項(xiàng)目（iOS端）中使用對(duì)應(yīng)fontFamily
:iconfont
中的字體圖標(biāo)了如下圖所示：
-
Android
之所以在工程目錄下創(chuàng)建assets/fonts
這樣的路徑带欢，就是為了iOS和Android統(tǒng)一，因?yàn)锳ndroid必須要把字體文件放在[project root]/android/app/src/main/assets/fonts/
文件夾下才能生效，好吧洪囤，我們把工程目錄下的assets
拷貝一份（可以通過編寫腳本自動(dòng)執(zhí)行）到Android/app/src/main
目錄下
- 使用
<Text style={{ fontFamily:'iconApp',fontSize:26,color:'gray',marginTop:15}} ></Text>
fontFamily可以設(shè)置好幾個(gè)字體庫(kù)在文件里面徒坡，選擇你需要的來添加。
當(dāng)然瘤缩，在RN喇完，還可以用react-native-vector-icons
這個(gè)插件。
