Use CustomPaint to create a Drawing App (The Boring Flutter Development Show, Ep. 28)

Use CustomPaint to create a Drawing App (The Boring Flutter Development Show, Ep. 28)

In this episode of the Boring Show, Mary is joined by guest Tasha to build a drawing app that uses CustomPaint, to be used in creating a Flip Book. Watch Tasha navigate through Flutter’s documentation, discover new widgets, and build upon the demo app.

Helpful Resources:
Try it on GitHub →
class →
CustomPaint class →
Offset class →
property →
Render method →

Watch more episodes of the Boring Show here →

Get started with Flutter →
Learn more about the Dart Language →
Try a Flutter codelab →
Join the conversation →
Subscribe to the Flutter channel →

#Flutter #BoringShow #AppDevelopment


Xem thêm:

Xem Thêm  App live Mỹ xem show full căng đét cục ngon

About dulichvn2020

Check Also




  1. can we get coordinates when paint on it?

  2. Franklin Oladipo

    Who else was just wishing they would just remove the breakpoint at line 83 😂

  3. Are there any videos that explain how to build upon this tutorial? Like how to change the stroke width. I'm not sure how to pass a different number for strokeWidth into the Paint method

  4. Palm rejection when using stylus?

  5. This is one of the best flutter boring shows that I watch. flutter should do this type of video because from such type videos beginners to flutter know how can we find things in a flutter by only documentation. 😍😍😍

  6. I get the strong feeling that the whole local to global was unneccessary

  7. Here in the future details.localPosition is a thing and that's a godsend

  8. How do you guys differantiate between ctrl+c and ctrl+z? Never thought about that before, but when I heard cmd+z, I was like "How's copying gonna solve AS freeze??"

  9. This episode was so hilarious!

  10. Can any body help me that How we can detect what shape is draw on screen ? Thanks in Advance

  11. The least you can do is to stop calling it the boring show .

  12. Aritra Choudhury

    The Center widget was creating the offset.

  13. Urvashi Sharma

    its giving me second hand anxiety seeing their android studio misbehave so bad

  14. hirak jyoti borah

    DragStartDetail class also has a localPosition variable, so what was the problem in using details.localposition instead of converting position to local position

  15. After adding an appbar to the Scaffold, the drawing seems to be off for the height. How can i prevent that?

  16. Rajeev Jaiswal

    Title and description is misleading

  17. Alex Ofobrukweta

    I have trying to build my app to draw within a small box and not the entire screen but the line is just far from my point of touch. Need help.

  18. Billy Mahmood

    the Issue you are having at 9:50 – I have at issues once a day in Android Studio – I have to close the file and re-open it!

  19. flyinghorseshoe

    Lol, I had that Android studio bug where I couldn't type anymore.

  20. why so many 'cool' in this video ?

  21. I would love to see how to create a home screen widget in flutter (obviously only possible for android) because I just can not find a good tutorial

  22. Martin Novák

    Guys, please, 911. I need to know song from intro and outro, .. feeling 90's today

  23. Ujjwal Biswas

    wrap GestureDetector with SafeArea and it's working perfectly, and for the height and width i'm using MediaQuery

  24. mohamad kenway

    how i can save image in my app with out database something like shared prreferences

  25. Tobias Åkeblom

    you must have a REALLY old version of flutter because that int to double thingy have been around for some time now 🙂

  26. Muhammad Hazim Bin Omar

    how you save it as image ?

  27. Константин Трегубов

    why offsets[i+1] is working?? i have RangeError (index): Invalid value: Not in range

  28. Jhon Sabowsla

    thats why i use vs code 10:10

  29. Ibrahim Rasel

    To anyone who's wondering, to fix that RangeError change:
    for (var i = 0; i < offsets.length; i++) {…}
    for (var i = 0; i < offsets.length – 1; i++) {…}

  30. This type of videos are really helpful to get started in Flutter. First we see the workflow and also how a flutter dev thinks, especially when it comes to searching and reading docs.

  31. So that's how apps are developed. With understanding. My team lead doesn't consider me sh*t to talk about the development. He just hands a vague description and tells me "Umm so we need to work on this.." and the the "we" is reduced to just "me". Smh

  32. Kuldeep Singh

    Can you please explain the curl page effect in flutter
    If it's possible 😇

    I shall be very thankful to you.🤗

  33. Frans Stofberg

    Very nice,
    However, when the number of Offset's reach around 2000 the performance drops quite significantly (simulator and actual device) and the line drawing starts to really lag quite a bit. How would one optimise this?

  34. Miguel Garzaran Navarro


  35. video is a little low quality

  36. Ayyappa Pravin

    boring show becomes interesting for me 🙂

  37. VS Code is actually better than android studio for flutter, in and. studio it take so long for running the app, vs code launch first.

  38. That note on whiteboard 😂😂
    Breaking : Area 51 alien becomes the universe's first intergalactic developer.


    First disliker

  40. How can I activate those automatic comments at the end of every widget in Android Studio?

  41. how we can learn flutter how we can get courses help ??

  42. If you want to see an application that uses this technique, you can go to the Play Store and search for "Aso Incom" (logo is purple).
    It's an app I made with this in Flutter.

  43. Something very similar even works with flutter web:

  44. Thank you, I was waiting for it!!!

Leave a Reply