SVG support for bottom tab

[jasonKRR]

🚀 Feature

(A clear and concise description of what the feature is.)

SVG support for bottom tab

Motivation

Images for bottom tab will have great quality than current one

Pitch

SVG is widely used format, and SVG has small size compared to other image format, which means your application can be faster and lighter !

[jcerone-boom]

I will second this ask as I'm currently using a PNG and the image quality is less than ideal. Being able to utilize an SVG (or even an SVG as a JSX component) would be excellent.

[mattwebhub]

Guys, any progress or workarounds on this? I'm approaching release and will have to improve the quality of the icons. For a library that primes for performance, I can't get why this hasn't been a priority

[ChristianLippaGoodfood]

@mattwebhub You can use SVGs in the bottom tab its just a bit complicated to get it all setup at first. You will need react-native-vector-icons. Create an icoMoon icon set and download the font files and put those into your native project. Use the createIconSetFromIcoMoon function then get the icons from that where you setRoot. Then just put the icons from there into the navigator options as tab icons.

[CrisangerA]

@mattwebhub You can use SVGs in the bottom tab its just a bit complicated to get it all setup at first. You will need react-native-vector-icons. Create an icoMoon icon set and download the font files and put those into your native project. Use the createIconSetFromIcoMoon function then get the icons from that where you setRoot. Then just put the icons from there into the navigator options as tab icons.

could you show some small example code?

[CrisangerA]

I am currently trying the configuration suggested in the documentation. react-native-svg

• 

---

But when running the application on Android I get the following error.

• 

If anyone knows anything about this, I would appreciate your comments.