How to draw an animated rectangle using a custom painter? - flutter

I want to achieve something like this:
Thanks for any help you can provide

Related

How to achive custom shaped container?

I want to achieve a curved container like this. I tried with cliprrect but couldn't really achieve that shape. I found CustomPaint and looked into it, but not really understand how to use it or how to begin to draw that shape.

How to make a custom ellipse circle in Flutter

I'm trying to create an ellipse circle. Is there any way to create it using custom painter or clipper?.
Thanks.
You can use percent_indicator.
Maybe also try to make its color a gradient.

Flutter custom bottom sheet shape and animation

I want to create a custom bottom sheet shape and animation like in this example:
Anyone knows a package for this or can guide me on how to achieve this?
Thanks in advance!

How to draw custom shapes in flutter

I'm trying to draw a custom shape like this in my app:
Tried to draw using custom painter, but haven't figured out how to get this sort of shape. It's really just a container with a custom border I think, but not sure even where to start. It's just the shape I'm interested in, not the content.
Or if someone knows how to draw a rounded rectangle with a thinner bottom section, then that would really help me to work out the rest.
Also, does anyone here know how to draw a rounded rectangle that is thinner in the middle, like the shape behind the purple one in the example I've given?
Any help is grately appreciated.
Thanks in advance
use this tools
this is the link
download it for your windows and draw your shape and generate the code..
here is the tutorial on how to use the tools
the tutorial on how to use it

How do I draw a view exactly like this badge?

Here it is:
I want to mimic the glossy gradient, the border and the colour. How is this done with Core Graphics?
Here is how my control looks right now:
I just need to add this cool border!
Thanks!