iPhone 11 resolution?

[tatiang]

I’m noticing that the project I’m working on only covers part of my iPhone 11 screen. Is there a way to adjust the screen size or resolution of my Thunkable X project?

On the left is from the downloaded project and on the right is how it looks when editing it on x.thunkable.com:

----- vs -----

[jared]

Hey @tatiang, did you set your vertical alignment to ‘space around’?

[tatiang]

@jared No, it was set to center. But I just tried space-around and it didn’t seem to make a difference when Live previewed on my iPhone.

[kartik14]

Hi, @tatiang!

Thunkable X previews your app in a frame, whose resolution is somewhat equal to average phones. So, if you want the same design your app preview frame has in your iPhone, you could give a try to relative sizing, with ‘fill parent’ option, or the percentage sizing option.

Thanks!

[jared]

Are all of the components in a single column/row?

[tatiang]

@jared I’m not using any rows or columns for this. Should I?

[jared]

I like to use them but it’s probaby not necessary.

check this out. if you make the screen scrollable, the spacing setting wont work the same.
https://x.thunkable.com/copy/e666c40bf384c8213fead87cc337e9b6