How to get layouts to fit the actual width of a phone screen?

[anxirileyrhsuqv]

i have noticed a significant sizing difference on the apk version of my app, compared to the web version.

on the web version is what my layout is intended to look like. it’s width is supposed to cover the entire screen. however, on the apk, it doesn’t appear to be doing so. the issue is that i may be using an emulator, but i’m not sure.

web viewer:

apk (on emulator):

what would be the best number to choose so that it can stretch to the actual width of the screen? the resizing mode of the components are set to “stretch”, as well.

[anxirileyrhsuqv]

any ideas?

[tiny_apps]

Please post component tree… also if you can share the project that will be great

[anxirileyrhsuqv]

the first screenshot are 3 buttons in a layout component, and the second screenshot are labels in a layout component.

here’s the latest copy of the app:
https://x.thunkable.com/copy/672105bbae4a55a0be1591f53b86d8b8

[anxirileyrhsuqv]

anyone?

[marion.dorsett]

@anxirileyrhsuqv did you try running the app in the Thunkable Live app?

You can run the Thunkable Live app on your emulator as well and see if they’re consistent.

I have not figured out the best component UI layouts at this point in time either, so I’m curious how the Live compares to the APK file.

[anxirileyrhsuqv]

wow, i never thought to use the thunkable live app on the emulator

i have started putting all of my components in one layout component, and i have noticed that everything in a layout component does not have shadows underneath them. this is evident in the apk file, along with the thunkable live app on the emulator.

i still need to figure out the dimensions of everything in order to get them to fit properly in the screen, however…

[anxirileyrhsuqv]

after some research, i have found that these combination of blocks seem to work for me. it does give me the results i’m looking for in the emulator, and hopefully this can work for all devices:

[tiny_apps]

for sure this is not right way ,

i checked your project it is too big to understand please point out to specific screen / layout/group

from one scren bottom meny was set as float in place