ClipPath (Flutter Widget of the Week)

Do you want your widget to have a unique shape? ClipPath allows you to define your own widget shapes! Given a CustomerClipper and a path that you define, ClipPath will constrain the widget's visible area to within this path.

This video is also subtitled in Chinese, Indonesian, Italian, Japanese, Korean, Portuguese, and Spanish.

[marufhassan]

Ah! My old nemesis for Matlab in a new form.

[ammartahir]

this is something amazing to work with. Thanks flutter team

[Murtaza-Shiraz]

This looks like an extremely useful widget for implementing very custom UI designs.

[yomaru_]

One of the most difficult yet the most powerful widget in flutter

[frostsmaker]

So, our logo is in the form of code. No longer image. :D

[rafales]

Thank You all Flutter Team - this tech is amazing- soo much pasibilites 😊 I see All my app ideas can bring to life- Im begginner but in small steps will go forward and enjoy coding - Thank You You Are Awesome ❤

[turbogoose]

Great video, but is it possible to have the widget scale to the size of the screen? The example you showed has a .svg with a specific width which matched the specific width of the phone so it's kind of useless in a real world scenario where phone widths differ.

I tried wrapping the ClipPath with a fitted box but no dice :(

[samario_torres]

Can't wait until Flutter gets its own version of Xcode

[yashmoon]

Can some guide me how to get shadows for a clipped container please ? I tried it with a clipped container but the shadows still appear for the whole container and not the clipped part ??

[realfootball]

Flutter the best. Has pluses from both Ionic and React Native. I'am going to learn this one ))

[uDubRiceBoy]

Hi Community, after "custom" ClipPath object/widget is completed, how do I center the new widget and expand to fit the parent widget? Many thanks for your help!

[wingardiumleviosa]

it so helpful i used more clippath then custom paint

[steevjames]

Can I draw a path to extend the shape of a container beyond its original shape ?

[chayankhan]

Please make a video on flutter bluetooth packages.... it can't be understood by the documentation... This topic is very important for all developers those who are trying to communicate with ble devices such as fitband....

[aytunch]

Hi Emily. How can we make a shadow which goes along with our custom clippath? is there an out of the box solution?

[dipakbari]

Clipping Widgets with ClipPath Widget. 👏👏

[qiweili]

Please do a video about the custom page router!

[giray]

Tried to learn 4-5 times but couldn’t learned how to clip it. quadraticbezier etc.

[shanewhite]

Flutter is the best. Needs little bit improvements in routing/moving to different pages, though, it needs to be bit simplified. But still flutter is way better than any other React native etc which suckkks in routing.

[malikabdulaziz]

I had some problem when define the value (x, y). Its going different result when i run it on different screen size. Anyone have solutions for it?