react native關於自定義字體圖標android和IOS的處理

**```html

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文件node

5將打印出來的code值粘貼到對應的json中
6在須要的頁面引入對應的,直接正常使用就行
相關文章
相關標籤/搜索