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?

Answer 1

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

Answer 2

You use MediaQuery for size determination.

And OrientationBuilder for orientation of the device.

Here is a nice article you might want to read.