feat(recipes): Custom Vector Icons

[lodev09]

trafficstars

• Closes #106
• Implements custom @expo/vector-icons
• Demonstrates how to use vector-icons into ignite instead of png

Feel free to edit flow, copy, etc.

[cdanwards]

@lodev09 Sorry this sat for so long! I'm going to take a look at it this week.

[lodev09]

@cdanwards done.. Thanks so much!

[frankcalise]

Thanks for the contribution!

Curious, could we utilize something like this for the font loading rather than downloading font files? Thoughts?

https://github.com/expo/examples/blob/master/with-router-menus/src/app/_layout.tsx#L14-L17

[lodev09]

@frankcalise for sure. The recipe shows downloading these fonts because it's from FontAwesome 6 which is not provided by expo vector icons (since this is a pro version). When using those free ones, it should work as-is following their instruction

[lodev09]

I could add a note in the recipe about skipping the download part if they intend to use those built-in ones.

[frankcalise]

@lodev09 ohh I see, ok that's great! Do you think it's worth adding a note that if the reader was just looking to enhance the Icon component's registry to @expo/vector-icons that's doable already if they follow that doc page?

This way there is the distinction of why this recipe is different from that

[lodev09]

@frankcalise done

[cdanwards]

@lodev09 sorry but one last thing before we merge. Since this is our first community contribution we had some discussion internally and wanted to verify that you would agree to merging this with a Creative Commons license. (We're adding it to the PR process going forward). Once that happens we'll merge! Thanks again for the contribution!

[lodev09]

@cdanwards yes sir, agreed 👍

[cdanwards]

@lodev09 🙌🏼