Sign in

Hi, I am an R&D Eng. Interested in Android application, flutter and machine learning. you can reach me here :

The Widget Source code at the end.


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).

Let’s start with drawing two circles

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.

Now we…

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.

IOS build without MacOS

We will use 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.

How does it work ?

Go to 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

Floor Database

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

sdk: flutter
floor: ^0.14.0

floor_generator: ^0.14.0
build_runner: ^1.7.3

Entity classes

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

Flutter search

We will need to explore two classes before we start


When we want a dynamic toolbar that when we slide or expand it shows us content, we use the great widget called SliverAppBar which always be the first child for CustomScrollView.

This will make a cute app bar with two icons

Ezaldeen sahb

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store