Uploaded February 2022 | Updated September 2026, 6 hours ago

---

The #CustomPainter is one of the underlying widgets that is even more used than the Widget. It is not really a Widget but a Class that extends the CustomPainter Object. This allows you to get a Canvas and a Size of the containing Widget. After this Tutorial, you will be able to create the most beautiful Widgets yourself.

Relevant Links
Flutter Architecture
https://docs.flutter.dev/resources/architectural-overview#rendering-and-layout
https://docs.flutter.dev/clock
Blogpost
raywenderlich.com/7560981-drawing-custom-shapes-with-custompainter-in-flutter
Videos
youtube.com/watch?v=DEppSs_ko48
Twitter Post
twitter.com/flutter_exp/status/1476300664447905793
twitter.com/BlueAquilae/status/1371510305273081862

Relevant GitHub Repositories
github.com/Solido/flutter-d-art
github.com/md-weber/feeling_wheel_custom_painter
Flutter Shapemaker by fluttershapemaker.com by RetroPortal

Chapters
00:00 Welcome!
1:37 Use the CustomPainter
6:07 Large Projects that used CustomPainter
9:12 Channel News

Support
Mentorship Program (soon new seats available) - gumroad.com/products/ydgtfV
Patreon - patreon.com/flutterexp
Clickup - clickup.com/?fp_ref=nui04

Social Media
Website: https://flutter-explained.dev
Max Twitter: twitter.com/flutter_exp
GitHub Max: github.com/md-weber
LinkedIn: https://www.linkedin.com/in/max-weber...

Mahtab Twitter Mahtab: twitter.com/mahtab_dev
GitHub Mahtab: github.com/mt-tadayon