react-native-vector-icons使用自定義圖標

安卓:

1.準備好標準svg圖(標準為正方形)。

2.使用網站https://icomoon.io/app-features.html,點擊右上角“IconMoon App”,然后在新的頁面中點擊左上角“Import Icons”,選中所有svg圖,上傳之后,再次全部選中已上傳的圖表,點擊右下角Generate Font,然后在新頁面點擊左上角Preferences,可以修改下載時的文件名稱,點擊右下角的DownLoad可以下載已經生成的icon文件

3.Android的配置相對比較簡單,如果只想使用在react-native-vector-icons中內置的圖標,只需要在項目中android/app/build.gradle目錄下增加:

? ? ? ? ? apply from: "../../node_modules/react-native-vector-icons/fonts.gradle"

對于自定義的圖標庫,也只需要在android/app/build.gradle中添加:

? ? ? ? ? project.ext.vectoricons = [

? ? ? ? ? ? ? ? iconFontNames: ['Iconfont.ttf' ] //添加你需要賦值的字符文件

? ? ? ? ? ?]

? ? ? ? ? apply from: "../../node_modules/react-native-vector-icons/fonts.gradle"

4.未完待續。。

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容