Clean Arch For Flutter Designers

For Flutter App Designers, an easy way to understand Clean Architecture in Flutter Apps.

Disclaimer

Robert Martin is an asshat. I do not condone his asshat actions towards women. This is an article about the Clean Arch concepts introduced in his book Clean Code. If you cannot respect the gender that gave you life, then what the hell human are you?

Background

While Onion Layered Architecture is concerned with how data is connected to other layers; the overall architecture design of the app is where clean architecture is focused on. It was first introduced as a full application architecture in Robert Martin’s Clean Code book and further refined in his Clean Architecture book.

Clean Arch Characteristics

This is what a typical flutter app looks like, including the default flutter counter template app that is created when you create a new project:

Try replacing scissors with pen, can you? In code, in the flutter template counter app the data structure of the counter and the model are combined as one in the Flutter UI-screen class MyHomePage