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?
Related
I am trying to reproduce this navigation bar (made on figma) with flutter :
I have already done the background shape with the CustomPaint class, however I cannot reproduce the shadow.
As you can slightly see, the border isn't equal along all borders, there is more shadow inside the half-circle in the middle than on the top border parts.
Also, I cannot control the blur and spread values (as with figma). Is there a way to achieve what I am trying to do. Or did I missed something ?
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
I'm trying to make an effect of text that looks similar to this artful style (http://orkposters.com/product/boston-neighborhood-18-x-24-classic-black-white-poster/) while fitting it within a custom shape.
Is there a widget or package that can fit text to a custom shape? I saw that there is BoxFit and you can fit images to fill an area. Is this possible with text?
I'm not sure if there's any known algorithm for painting text this way that I could use as a starting point.