查詢了一些方案,但各自的環境不盡相同,最后在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中的字體圖標了, 大功告成!