Search code examples
flutterdartcustom-painter

How to draw custom shapes in flutter

I'm trying to draw a custom shape like this in my app:

enter image description here

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

Solution

  • 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