Developing for different screen sizes using flutter?

Question

I have an app that I am going to upload to the appstore and playstore pretty soon but I am worried that it might look funny on different phone screens that vary in sizes (The app is for mobile phones only no tablets) what's the best way to code for different screen sizes using flutter?

score 4 · Accepted Answer · answered Apr 17 '19 at 05:58

4

Try using LayoutBuilder for different layout size and OrientationBuilder for different orientation.

Check this: https://medium.com/flutter-community/developing-for-multiple-screen-sizes-and-orientations-in-flutter-fragments-in-flutter-a4c51b849434

answered Apr 17 '19 at 05:58

Mangaldeep Pannu

3,738
2
26
45

haha, I mentioned the same article. Your answer is no different from mine. – Doc Apr 17 '19 at 06:11
I guess, we answered at the same time :) coincidence – Mangaldeep Pannu Apr 17 '19 at 06:16

score 3 · Answer 2 · answered Apr 17 '19 at 05:56

3

You use MediaQuery for size determination.

And OrientationBuilder for orientation of the device.

Here is a nice article you might want to read.

answered Apr 17 '19 at 05:56

Doc

10,831
3
39
63

Developing for different screen sizes using flutter?

2 Answers2