react-native-vector-icons 之 ios 配置

一、github 地址

? ??https://github.com/oblador/react-native-vector-icons

二、配置開始

1.安裝

????npm install --save react-native-vector-icons

2.打開 插件 文件夾

????open node_modules/react-native-vector-icons/

3.拖拽第二步導(dǎo)入打開的文件夾里面的 Fonts 到 Xcode 項(xiàng)目的項(xiàng)目根目錄（圖二），彈出框里面選項(xiàng)如下（圖一）

圖一
圖二

4.用記事本打開 info.plist 文件夾

5.在打開的info.plist中添加如下內(nèi)容

<key>UIAppFonts</key>

<array>

? <string>AntDesign.ttf</string>

? <string>Entypo.ttf</string>

? <string>EvilIcons.ttf</string>

? <string>Feather.ttf</string>

? <string>FontAwesome.ttf</string>

? <string>FontAwesome5_Brands.ttf</string>

? <string>FontAwesome5_Regular.ttf</string>

? <string>FontAwesome5_Solid.ttf</string>

? <string>Foundation.ttf</string>

? <string>Ionicons.ttf</string>

? <string>MaterialIcons.ttf</string>

? <string>MaterialCommunityIcons.ttf</string>

? <string>SimpleLineIcons.ttf</string>

? <string>Octicons.ttf</string>

? <string>Zocial.ttf</string>

? <string>Fontisto.ttf</string>

</array>

6.保存第5的步，然后 Xcode Clean 一下（Cmd + Shif + K），運(yùn)行即可

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成，瀏覽時(shí)請結(jié)合常識與多方信息審慎甄別。
平臺聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點(diǎn)，簡書系信息發(fā)布平臺，僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容