React-native-vector-icons: FontAwesome v5

[svallen]

Not so much an issue, more like request ETA.

FontAwesome v5 is out (https://fontawesome.com/) - any ETA on updating to this version anytime soon?

[waquidvp]

Would love to have v5 support aswell...

[Meandmybadself]

I've built out a glyph map to support Font Awesome 5 Pro at:
https://gist.github.com/Meandmybadself/21f9ffa3d0074ce302fd69d358c1d620

I began forking this repository to include the font face, but wasn't sure how to appropriately embed the font itself given the new cost structure.

[waquidvp]

I think to start off with, the free version of the font face should be supported by default, maybe update the existing Font Awesome font with the free version of Font Awesome v5.

[oblador]

Tried to update it, generating the glypmap is not the problem, but rather that the icons are now separated into multiple fonts. Would prefer to not have to maintain generating the fonts. One solution would be to have three icon sets instead, but then the glyph map might be hard to autogenerate as it's now a single css file... Anyway if someone else has some time to look into the issue I'd happily accept a PR!

[shyaniv7]

@Meandmybadself I was unable to get FontAwesomePro to work with react-native-vector-icons

But after playing with it for a while i was able to get it to render in RN by extracting the svg path out of the icon and displaying it using react-native-svg

This package will set you up with regular, solid and light pro icon packs all you have to do is provide the token during the installation

https://www.npmjs.com/package/react-native-fontawesome-pro

[hampustagerud]

I have managed to get it working using the glyph map from @Meandmybadself and some hacks to get it working. It took a while due to the way RN handles fonts on iOS so it also required a small hack in the native code. If it is of interest I can try getting a pull request together in the coming days.

I can use all three versions (light, regular and solid) but since it is going to be the free font that is being distributed this feature should be capable of handling both the free and pro version without too much tweaking, if any. But I thought maybe there should be a discussion about how it should work. The options are (to me) either three new font modules (FontAwesome5(Light | Regular | Solid)) or a single module with some kind of style option? I'm not sure what seems like the most intuitive option although I think I'd probably prefer the three different modules since I stick to one style most of the time I use the font...

Thoughts 👍 👎 ? :)

[7laria]

i have update the glyph map and downloaded the new font but it still don't work, any suggest?

[rauldeheer]

Is there any news on this? I would love to see fontawesome v5 being implemented in this library.

[beausmith]

@hampustagerud - You've got 13 👍’s and counting! Please share your solution 😃

[audiolion]

@hampustagerud +1 let's hear it!

[hampustagerud]

I rewrote the implementation from scratch today, less hackish and (hopefully) easier to use. I have a few more things to do (buttons, docs etc.) but I think I will be able to make a PR tonight or tomorrow!

Stay tuned! :)

[hampustagerud]

I have made a pull request which should add most of the functionality at least, I have tested it on both Android and iOS which seemed to go well. Due to licensing you must upgrade to FontAwesome 5 Pro yourself, I have written a guide and a small shell-script which should help. Check out #776 🙃