Declarative Overlays

Fred Grott
2 min readSep 3, 2021

If you try using the non-declarative default flutter overlay you end up with something you cannot theme, cannot persist to be restored across app re-starts, and one cannot align the overlay with other widgets. In short words a designer’s nightmare in both aesthetics and code implementation. Let me show you an easier way.

Background, Flutter Portal

Remi Rousselet created the Flutter Portal library to implement a more declarative overlay that one can persist across app re-starts, theme, insert in widget tree and align with other widgets. But, he can no longer maintain that library. Thus, I have forked to use myself with my own small code clean up.

So the custom follower part is:

And the portal part is:

So how do we use it?

Using Declarative

--

--