Layout on top of screen iPhone

[felix]

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?

[Benalihoussam]

Hi,
just make the image component bigger than the screen

[Flawless]

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.