Layout on top of screen iPhone

This is how it looks in the editor:

This is how it looks in the preview:

In the editor the image is perfectly snapped to the top. In the preview for iPhone there is a gap…
How can I fix this?

just make the image component bigger than the screen

Hey there @felix

To expand on @Benalihoussam’s reply, if you use any component besides the “App Bar” component for your “header” style component, the component must extend beyond the viewport of the screen.

Here’s an example of what it should look like extended:

Unfortunately, an image may slightly crop a little bit beyond the screen, so it’s best to test what works best by playing with the image size after extending the image beyond the screen’s viewport.

1 Like

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.