React-native-vector-icons: Font Awesome 5 Pro incorrect glyphs

Created on 14 Sep 2020  路  8Comments  路  Source: oblador/react-native-vector-icons

Environment

iOS target platform: 11
react-native-vector-icons: 7.1.0
react-native: 0.63.2

Description

I am using Font Awesome 5 Pro in my iOS app. I have the pro fonts installed and everything is working as expected, but at least one of the glyphs is incorrect. The icon name is correct, and I see it in the glyphmaps/FontAwesome5Pro.json, however it is returning the wrong icon. I am not sure how to change the mapping for this icon. There could be others that are incorrectly mapped to the font, but this is the only one I have found so far.

Reproducible Demo

FontAwesome5Pro icon name: "laptop-house"
expected icon:
Screen Shot 2020-09-13 at 7 33 57 PM

icon shown:
Screen Shot 2020-09-13 at 7 41 14 PM

All 8 comments

Agree this happens as well. Also the it seems the "Font awesome 5 upgrade" script they provide in the docs doesn't work either.

@oblador any idea on this? I'm looking to solve this quickly

Same issue here for Feather.

"react-native": "0.63.2",
"react-native-vector-icons": "^7.1.0",

Expected
Screen Shot 2020-09-16 at 13 04 43
Result
Screen Shot 2020-09-16 at 13 04 52

yes @ensargunesdogdu same happening for me all the icons im using are incorrect in feather.

@ashishfeels I moved to v.7.0.0 and solved the problem for me for now.

@ensargunesdogdu May resolve it for Feather but unfortunately not for FontAwesome5 Pro. :(

I found this:
https://github.com/oblador/react-native-vector-icons#wrong-icons-are-shown-after-upgrading-this-package

This is happening because FontAwesome5 is on version 5.14.0 while react-native-vector-icons uses version 5.13.0. I have updated the files on this PR #1234 but am waiting for someone to review.

Was this page helpful?
0 / 5 - 0 ratings