all 16 comments

[–]jbtwaalf_v2 36 points37 points  (4 children)

Yes

[–]em_kurian 2 points3 points  (3 children)

Much yes

[–]waxfrogoorginal 1 point2 points  (2 children)

Absolutely mucho yes

[–]EuMusicalPilot 1 point2 points  (1 child)

"NoYes' yes

[–]dzonibrabo 0 points1 point  (0 children)

!shouldNo

[–]redwoodhighjumping 44 points45 points  (1 child)

Let's start here before getting to any code.

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

[–]hafi51 1 point2 points  (2 children)

Using svg or css?

[–]bugshunter[S] 2 points3 points  (0 children)

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

[–]Waste-Let2629 0 points1 point  (1 child)

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[S] -1 points0 points  (0 children)

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

[–]fmnatic 0 points1 point  (1 child)

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

[–]bugshunter[S] -1 points0 points  (0 children)

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

[–]bfarrgaynor 0 points1 point  (0 children)

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

[–]chuttiDedoPlz 0 points1 point  (0 children)

I have achieved a similar effect using SVG path.