RN項目中使用react-native-elements報錯: Unrecognized font family 'Material Icons'


查詢了一些方案,但各自的環境不盡相同,最后在google中找到了答案.主要問題在於

  (1)版本問題

  (2)Xcode配置問題

報錯如下

 

 

解決步驟:

  1 . 首先需要正確安裝

1 npm i -S react-native-elements
2 npm i -S react-native-vector-icons@4

  這里需要注意三點:

    1 )react-native-vector-icons雖然被react-native-elements所依賴,但它並不會自動安裝,需要手動安裝

    2 )截止目前,elements所依賴的vector-icons的版本必須是4.x, 之前安裝了vector-icons@6.x導致報以上錯誤,很久才發現

    3 ) 必須執行react-native link react-native-vector-icons 將該原生庫添加到項目, 這是react-native官方的方法。因為vector-icons是原生庫

      執行該命令后如下

      

    並且在Xcode的Resources內添加了字體(Fonts里的字體)

      

 

  2 . 修改Xcode的項目配置

    1 ) 使用Xcode打開項目, 在根目錄下右擊選擇 "Add file to <項目名稱>", 找到node_modules/react-native-vector-icons/Fonts

    2 ) 在xcode的Info.plist文件中,加入: Fonts provided by application數組

   圖示入下

     

     

      

      

      

  最后,再次運行項目react-native run-ios, 此時可以使用react-native-elements中的字體圖標了, 大功告成!

       


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM