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.
Related
I have a container, and I want it to have a custom border like the image below. I found ClipPath, which gave me the shape I wanted, but it doesn't provide the border. I also found ShapeBorder, but I don't know how to deal with it. My question is, "How do I make this shape with a border in a professional way?
I want to create a shape like this and animate a container in it. However, every single solution I found on the internet, solves the problem with CustomPainter or CustomClipper. I don't want that. When I use these, I can't fit the containers inside this shape and can achieve what I want. Figured it out, ShapeBorder could be what I want but there isn't enough documentation for this. Can you help me to create this?
#psink
Actually i am trying to make the following UI but i am not able to achieve that sort of hole or transparent layer below the yellow button. Have tried glassmorphism plugin and backgrop filters to acheive the glass frost efftet. Just would like to know how to make that hole.
Desired UI:-
You can use clipRRect or clipRect to make this design. these two widgets will help you cut/clip the container in the required shape.
For more information, you can have reference from here.
how can I make two containers intersect in corners like that?
what I want to make is in the red rectangle
to achieve this you have to use Custom Paint.
it is a little hard to do.
Custome Paint This is a good explanation.
Flutter Shapemaker this will make your job very easy.
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