10 Flutter tips part — 3/10

10 Flutter tips part — 3/10

In the meantime we have already reached the 3rd part of this series. If you haven’t read the first and second part yet, you can do so:

Part 1

Part 2

In this part we will again deal with widgets and packages. We will have a look at some packages that solve complex issues in Flutter in a very simple way!

Responsive Framework

Let’s start right away with something that causes headaches for many Flutter developers. Responsive Building. It can be very complicated and confusing, especially for large projects. There is a very good package that solves this problem. With the package responsive_framework you can build this very easy.

Easily make Flutter apps responsive. Automatically adapt UI to different screen sizes. Responsiveness made simple…github.com](https://github.com/Codelessly/ResponsiveFramework/blob/master/packages/Responsive%20Demo.gif "github.com/Codelessly/ResponsiveFramework/b..")

(Embedding the demo would have been too big a file)


This is another package that is designed to develop responsive websites. The great thing about it is that there are many more possibilities and you can really customize a complete app according to your needs. The problem is that it is currently still in the demo phase and not yet publicly available, but hopefully it will be soon. Once this is out then it will be a must have for any Application that is Responsively developed.

Flutter Screenutil

This package can also be very important in some app development processes, but does not need to be used in every project. The flutter_screenutil package gets you screensize and fontsize. This can be very useful in Responsive development.

Device Info Plus

This is a package that, as the name suggests, gives you information about the device. This is a very good way to query what device the user is on and then display widgets based on that. The original package, device_info, has been replaced/improved by this one, so the old package doesn’t bring updates anymore, but the new one, device_info_plus. Because it was developed by the Flutter community, there will be consistent updates and the chance that there will be no more updates is very low.

Flutter Neumorphic

As the package name suggests, the flutter_neumorphic package can create a neumorphic effect.

Styled Widget

With this Package you can design and build widget trees much easier. As you can see from the examples, you can create very amazing UIs very easily.


Getwidget is an open source UI library for Flutter that comes with over 1000 pre-built UI components. You can create and try a lot of widgets there in no time.


This package is really great! Everyone hates long, incomprehensible error messages where you then search for the error forever, right? And this package solves exactly this problem. With this you get such clear error messages, it is a must!


Okay, the Package sounds a bit fake now.

And yes, the package fakes a bit too, but it’s good. It generates Fake Data, which allows you to test functionality and logic even before you link your app to Firebase, Amplify or anything else.

Cached Network Image

This package is really very important. In an app you often use images from the internet, and that’s great, but they are always reloaded. This package solves that by caching the image after it is loaded the first time, so it doesn’t have to be reloaded over and over again!


And here we are again at the end. I have tried very hard as always to pick out the best tips to generate the best possible content! For this reason I would be very happy about a few Claps and if you would follow me on Medium to not miss any more parts!

Did you find this article valuable?

Support Tomic Riedel by becoming a sponsor. Any amount is appreciated!