How can I automatically scale an SVG element within a React Native View?

Question

I am trying to put a react-native-svg element inside of a View such that it\'s rendered with a certain, fixed aspect ratio, but then scaled to be as la

Answer 1

You have to play with the width and height together with the viewBox. Usually the viewBox you have to place the original dimensions of your desired shape. And by defining the width/height based on your needs your shape will be down/up scaled properly.

Please have a look to this tutorial where this concepts have been explained pretty clear.

https://www.sarasoueidan.com/blog/svg-coordinate-systems/