Best practice for effectively scale this UI according to different screen sizes in Flutter

Question

I\'m doing a UI in flutter and right now it look great on my emulator but I\'m afraid it will break if screen size is different. What is the best practice to prevent this, e

Answer 1

Use flutter widget LayoutBuilder every time you use it it'll give you a BoxConstraint what it can do is it'll tell you what space (maxHeight, maxWidth etc) is available for further children down the widget tree, you use that detail to divide the space within the children

For example

if you want to divide the available width within 3 Containers do

Row(
          children: [
            Container(
              width: constraints.maxWidth / 3,
            ),
            Container(
              width: constraints.maxWidth / 3,
            ),
            Container(
              width: constraints.maxWidth / 3,
            ),
          ],
        ),

you can do the same with the font sizes