Member-only story

Flutter UI Secret One

Fred Grott
4 min readSep 6, 2021

--

There are numerous responsive plugins for Flutter, but that is only a container, not the secret in how to effectively use it more power. Let me show you the secret.

The Rssponsive Plugin

We are going to use the Responsive Plugin, in your pubspec:

dependencies:
responsive_framework: ^0.1.4

And we will call it in the main file like this:

Now let’s get on to the Flutter UI Secret One.

UI Secret One

We have all layered either a PSD, Gimp, Krita graphic file, or even an HTML page. What could we get in layering Flutter Widgets? All the parts of a visually complex UI being fully responsive without losing the aesthetics of the UI.

An example:

Phone

Tablet

--

--

Fred Grott
Fred Grott

No responses yet