react-native-svg draws a tall Svg progressively lower the taller it is (~3px at 1200dp,
~10px at 3800dp on a Pixel 7a) while a plain View lands exactly on its layout box, so the
three full-height SVG overlays slid down relative to the header on tall cards and opened a
black notch in the top-left corner. Straight edges and the progress strip are now
layout-driven Views (no measuring, no first-frame gap); only the two beveled bottom corners
stay SVG. The bottom-right corner is split into a background layer under the content and an
accent band over it so content is never painted over; pieces overlap 1dp to avoid seams.
No API change; classic (non-bevel) branch untouched. Verified on device at 60/1200/4000dp.
Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
michaelandClaude Fable 5.1