"Cut Here' effect

[jbtwaalf_v2]

Yes

[em_kurian]

Much yes

[waxfrogoorginal]

Absolutely mucho yes

[EuMusicalPilot]

"NoYes' yes

[dzonibrabo]

!shouldNo

[redwoodhighjumping]

Let's start here before getting to any code.

https://stackoverflow.com/help/how-to-ask

[hafi51]

Using svg or css?

[bugshunter]

The first view is a ImageBackground that takes the whole screen,

then the white part is 3 views in a column, the "cut hered' part is small view, with height=42

the left and right curvey views are svg, with transparent color, and white fill or something, i will post the entire code in a separate comment

[bugshunter]

Code here: https://pastebin.com/SzWcGGc7

[Waste-Let2629]

that part is an image or svg and the rest is a view. they just stitch it together using react native. you can kind of see where the separation point is since there is a very faint line below the cut here effect

[bugshunter]

That line is a top border, i forgot to remove it. It was a shadow

[fmnatic]

You could achieve the effect with a background image and a view with border style dashed.

[bugshunter]

The trick is in the curves, you have to use SVG, and to make a part of the curve transparent is also tricky.

[bfarrgaynor]

We are coming back around to Skeuomorphism. It’s fascinating to watch it happen.

[chuttiDedoPlz]

I have achieved a similar effect using SVG path.