I saw this as an animation on Lottie and decided to convert it to a new flutter animations widget, so let’s see how to do that.
Before start reading this article, if you have experience using flutter CustomPaint please skip to the second part of the article (The arcs).
To draw a circle we will have to make a CustomPainter class. Below is an example to draw a circle:
Make another CustomPainter for the outer circle, using the same code for now.
you can use it this way if you want to see your CustomPainter result.
If you don’t have access to a MacOS system, but still want to see your flutter app on an IOS device without using paid services or virtual machines then this article is for you.
We will use FlutLab.io it’s an “FREE” online IDE for Flutter. And probably this is the fastest way to play with your first Flutter projects without any installation process or Flutter SDK setup on your computer.
Go to FlutLab.io and register a free account, then go to your profile you will see this window
Floor provides a neat SQLite abstraction for your Flutter applications inspired by the Room persistence library. It comes with automatic mapping between in-memory objects and database rows while still offering full control of the database with the use of SQL
You can save, query and, delete your Objects in a simple and a direct way with Floor database!
To start with Floor, let’s add these dependencies to pubspec.yaml
The entity class will represent a database table Columns. …
There are many flutter widgets to implement search feature just like in Android, yet there is a simpler way to implement this using flutter SearchDelegate class which gives you almost all that you want in only 4–5 simple steps so let’s see what we can do with this
We will need to explore two classes before we start
This will make a cute app bar with two icons