In software projects, there is usually a project vision of what the end product should look like. When a developer starts working, there should be some kind of mockup (best case is a Figma file, but I have also seen pencil drawings…). In this article, I want to share my strategies of how to cut a design mockup into Flutter widgets.

I introduced an AbsorbPointer widget which broke my app but the tests to prevent exactly this didn’t fail. Here is why AbsorbPointers are dangerous in Flutter widget tests.

Writing good data models is essential for every developer. In this article I want to show you how to write a proper Dart data model manually, with package support, through AI assistance, or with a web tool. Take this as a starting point to write better models in the future.

With Dart 3.7, you need to make some changes to your code and move away from dart:html. Here is how you can adapt your code with an example.

Sometimes testing is a joy and sometimes not. Here is a short excursion into the pitfalls of Flutter widget testing. Learn about handling overflow errors, the problems of SelectableText, and the icon() constructors of buttons.

Here are some ideas and strategies on how to organize your widgets in Flutter apps. All of them have different advantages and disadvantages. Not all of them work in every case and some of them require more attention than others. The results also depends on what you want have.

Learn how to create notifiers with the Riverpod generator in Flutter apps. You need to get used to the syntax in the beginning but you will benefit in the longer run and write less boilerplate code.

Here is how to use the Flutter Badge widget that offers an easy way to add tags to your existing UI. Notification counters, shopping item tags, or list index numbers are only some of the many use cases of this widget.

For your Instagram clone or your member app: Here is how to make rounded profile pictures in Flutter. I’ll show you the easy way with CircleAvater and also the “Do it yourself” way with other widgets. Make your app look modern with this guide!

Get rid of annoying bugs and learn how to prevent a double click on buttons in Flutter apps with this easy approach. Your users will also thank you for this robust and simple solution!

Here is how to set up a free repository for your Flutter packages with Cloudsmith in no time! Learn how to create an account, set up a repository, upload packages, and consume them in your Flutter apps!