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