2019獨角獸企業重金招聘Python工程師標準>>>

**```

icon處理：https://icomoon.io/app/#/select 主要是得到各種字體格式和section.json 具體步驟網址： https://www.cnblogs.com/xiaojun-zxj/p/6293450.html 基于插件：react-native-vector-icons 既可以用這個庫本身的，又可以用自定義的 1.先在android和ios正常運行， 在ios chartCode里面使用xxx.ttf時，執行react-native link，add到item里面 android下面app/font 添加xxx.ttf, 在react-native-vector-icons 下面分別添加下面三個文件 2,處理icon，得到ttf庫和section.json 3 根據section.json 在app里面得到對應的code值componentDidMount() {var allicon = {};var data =Data.icons;data.forEach((icon) => {allicon[icon.properties.name]=icon.properties.code;});console.log(JSON.stringify(allicon))}

4在node_modules/react-native-vector-icons下新建Icomoon.js文件，復制一份Icomoon.ttf到node_modules/react-native-vector-icons/Fonts目錄下，node_modules/react-native-vector-icons/glyphmaps下新建Icomoon.json文件

5將打印出來的code值粘貼到對應的json中 6在需要的頁面引入對應的，直接正常使用就行

轉載于:https://my.oschina.net/u/3150996/blog/1588642

總結

以上是生活随笔為你收集整理的react native关于自定义字体图标android和IOS的处理的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。