Member-only story

Easiest Way To Do Responsive In Flutter

Fred Grott
5 min readApr 13, 2022

--

I am going to show the most common mistake in responsive flutter layouts, mine! And, then I am going to show you a more powerful responsive solution that takes the headaches out of responsive screens in Flutter.

My Mistake In Responsive Flutter

So let me show you my responsive flutter mistake:

Now, that is using the Adaptive Breakpoints package from the Material IO team and which you eventually plug in the Adaptive Components package of a breakpoint container and specialized breakpoint column. So what is wrong?

It’s somewhat in-flexible due to how we do UI components in Flutter, using the concept of dominant widget in a UI component with the more powerful multichild layouts. Not only that, it lacks a builder to make it really useful in responding to orientation changes in mobile and resizing of the app on desktop and resizing of the browser window in web.

Now, let me show you an easier way that delivers more power!

Size Helper

--

--

Fred Grott
Fred Grott

No responses yet