2019獨(dú)角獸企業(yè)重金招聘Python工程師標(biāo)準(zhǔn)>>>

**```

icon處理：https://icomoon.io/app/#/select 主要是得到各種字體格式和section.json 具體步驟網(wǎng)址： https://www.cnblogs.com/xiaojun-zxj/p/6293450.html 基于插件：react-native-vector-icons 既可以用這個(gè)庫(kù)本身的，又可以用自定義的 1.先在android和ios正常運(yùn)行， 在ios chartCode里面使用xxx.ttf時(shí)，執(zhí)行react-native link，add到item里面 android下面app/font 添加xxx.ttf, 在react-native-vector-icons 下面分別添加下面三個(gè)文件 2,處理icon，得到ttf庫(kù)和section.json 3 根據(jù)section.json 在app里面得到對(duì)應(yīng)的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文件，復(fù)制一份Icomoon.ttf到node_modules/react-native-vector-icons/Fonts目錄下，node_modules/react-native-vector-icons/glyphmaps下新建Icomoon.json文件

5將打印出來(lái)的code值粘貼到對(duì)應(yīng)的json中 6在需要的頁(yè)面引入對(duì)應(yīng)的，直接正常使用就行

轉(zhuǎn)載于:https://my.oschina.net/u/3150996/blog/1588642

總結(jié)

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

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。