App interface changing on different devices

[catastrophe2help (Koder)]

I just tested my app on an other device and found that my app’s interface had been changed in different devices.

Here is my actual ( perfect ) app:

Here is the distorted app on my other device:

I then noticed that Card View is the main cause of the issue. The issue is only taking place where I’ve used Card View.

I also noticed that the app is looking different to devices which have inbuilt ( internal ) navigation bar

Please reply if you have any hint or solution to this issue.

[ShaikhSajidAli (Muhammed Sajid Ali)]

Search on Community first

Responsive Screen Sizing

Hello Kodular Developers, I have seen a few pertaining to “Resizing Apps” or “Responsive Screen Sizes” and I believe I found a small alternative to some of the problems people are having. From reading Resize Apps on Different Screen Size, the first step would be to set the sizing in Screen1 to “Responsive”. The next step would be to set all components to a percentage instead of pixels. Setting components to “pixel” mean they are static and wont change in size. With percentages, the component has…

[catastrophe2help (Koder)]

I searched but couldn’t find any solution.

[Boban (Boban Stojmenovic)]

How do you calculate the height of these or is it fixed size

Devices with navigation bar are shorter by 48dp

[catastrophe2help (Koder)]

Here are properties of that blue container -

[Boban (Boban Stojmenovic)]

How about the button as it’s only it that get squeezed

[catastrophe2help (Koder)]

Here are that button’s properties -

[ShaikhSajidAli (Muhammed Sajid Ali)]

Set height in percentage or px if automatic fill then available space then it shows bigger in big screens and small in small screen