How to apply margins to SVG image in react native?

Question

I'm using SVG as my login page logo. I want to display it at the top of the screen with the margin of '10' from the top, I tried to fix it but it doesn't seem to work. Is there any way to fix this? Kindly Help

You can use a container that parent of Svg component. Than style this parent. — erkan, Apr 06 '21 at 13:44

score 1 · Answer 1 · answered Apr 06 '21 at 13:54

1

If you are using react-native-svg-transformer you can pass it a style property just like with any other React Element.

Otherwise, you could wrap a View around it and style it instead.

answered Apr 06 '21 at 13:54

Pedro Feltrin

438
2
8

Thank you very much it worked , Much appreciated :) – The Dude Apr 06 '21 at 14:32

How to apply margins to SVG image in react native?

1 Answers1