How to use an SVG to make a hole in a <View /> (React Native)

573 Views Asked by At

I have made an orange View

Orange bar

And I want to use an SVG to carve out a hole out of the view (I'm rendering the curve in blue with react-native-svg)

Orange bar with blue curve overlapping

How can I "carve" a hole out of that View? Should I instead make the View an Svg? If so, I like having the orange bar as a View instead of an Svg so it's borders don't stretch on different resolutions, it just becomes longer. Is there an Svg way of doing that responsivity easily?

0

There are 0 best solutions below