Custom painting in Flutter - Flutter In Focus

[@pedromassango]

We need more videos about custom painter

[@HamedHamedi]

Take a look at my channel please

[@mohammedhardi7891]

Hey Pedro Massango.... It's interesting I just read your article on flutter state restoration today. I'm happy to say thank you

[@WikiPeoples]

Huge shout out to the Flutter guys. Flutter absolutely blows React Native away. I've used BOTH in professional settings now and hands down, Flutter is the winner. You'd be a fool to build your app in React Native now that Flutter is available.

[@krokeman]

Except there's Qt, which is far better...

[@frankzheng7925]

Hi Matt, could you provide the source code related so that we can learn your tutorial much more quickly. Thank you so much for your great tutorials!

[@Mosis42]

Me: Drawing outside the boundaries of the size given to the paint function Flutter: This ain't gonna be good Mitchell!!

[@randikavishman3971]

Coolio!!! I was watching this while my car was being washed, and it was really worth the time! Thanks 🙏🏼

[@desmond3191]

Familiar ads beginning -"Hey you. Yes you." lol.

[@trungnguyenhoang719]

Very familiar

[@outmaniabdelhamid]

please videos about dealing with data (futures & stream its complicated)

[@yoapps137]

And what should be used if you wana draw on another widget.. Like button? Text field???

[@ShivamJha00]

Check out flutter shape maker. It's really awesome tool. You just have to draw and it'll generate the custom painter class for you.

[@DevGlup3]

Thank your for the video and nice explanation! very detailed description btw :P

[@ritikharchani5175]

Man! The guy looks super cool while explaining stuff.

[@deeplearningteam2180]

So next level. Please do more!!!!

[@danvilela]

Very good! Just should have explained better why we have to use fitted box and just sizedbox wont work.

[@gabrielzimenspitz7803]

How can I get the Image from Future to use it in FacePainter?

[@raveeshdotme]

Hey Matt can you please also specify how to take a normal widget like maybe a button and put it on the canavas?

[@CodeWithAndrea]

Great video & example!

[@WillDeJs]

Your videos are great too. Thanks for sharing!

[@AnatolyKosorukov]

3:12 rects variable name in shouldRepaint method should be renamed with faces like this @override bool shouldRepaint(covariant FacePainter oldDelegate) { return image != oldDelegate.image || faces != oldDelegate.faces; }

[@RobertWildling]

You mention a companion video to be found in the description, but I fail to find one. Any chance you could update the description?

[@phanirithvij]

kzbin.info/www/bejne/r57cioh5p6-hrrc

[@jesselima_dev]

Me? Already shared the content. Already subscribed. Watching the other cool videos.

[@truongsinhtran-nguyen7129]

Published on 27th of March 2019, at 5:18, did you mean flutter.dev instead?

[@PlusPassie]

I wish more CodeLabs!

[@florentakpro8799]

well explained

[@ravilakhtariya]

Hi I understood that think... But I have svg string code of image.... inside svg code....I have some the text ...which I want to change runtime...how it's possible I had already changed text inside the svg code.....by passing value...but I want to change 64 base string of image inside svg string code with my svg string code???

[@azulamazigh2789]

yup this is good.

[@heshansandeepa9471]

Very nice

[@sachindeveloperko8424]

We need more tutorial serie for custom painter 😭😭

[@mehmetedex]

All good but I'm still mad about the lack of good debugging environment. *for example:* make simple syntax error or a simple assigning mistake for the life of Merlin compiler *says* *hey an error occured I'm not sure what it is but here is the widget tree when this happened good luck figuring out :D* Also auto suggestion stops working when the project got complicated. I can't write that tool I don't have time for that I'm hoping that somebody do have.

[@Team-qj2hq]

How would you use this from main()?

[@ehsanhasin8092]

great

[@jakeperez456]

i have tried this in Java Applet. did not know it also exists in flutter

[@moyadark]

could you provide the source code? Thanks!

[@HuuTran-rk9hk]

nice!! But i need more more videos ^^

[@lesptitsoiseaux]

Reminds me of the bad old days of GDI

[@mohamedelsayed159]

How to decrease the cache or the resolution of an image that will be loaded to be previewed??

[@armagangokk]

Unfortunately FittedBox is not a good idea if we paint or draw over an image

[@muhammadidrees9683]

Where is the link of Face Detection?

[@dmitriyobidin6049]

Please share more information about canvas.save and canvas.restore methods!

[@mat.pulpan]

Hello, is it possible to blur the background behind CustomPainter

[@RIMJANESSOHMALOOG]

1:43 thiccness: 10

[@AnatolyKosorukov]

3:18 the constructor name invocation MyPainter class should start with a capital letter. final facePaint = FacePaint( painter: MyPainter(), );

[@christianmartinez2179]

I think it's referencing a variable, it's more likely missing a line before "final facePaint" FacePainter myPainter = new FacePainter()

[@tomroggero]

Is there a way to use a custom painter with LUT or Cube data?

[@geekalif8106]

How to zoom the canvas?

[@jiexu3551]

At 4:29, is it supposed to be FittedBox( SizedBox(...)) ? Or should it be FittedBox( child: SizedBox(...)) ?

[@lgprasad]

for me, it worked this way FittedBox( child: SizedBox( height: image.height.toDouble(), width: image.width.toDouble(), child: _buildImage() ) )

[@monadstack]

Yo guys, is there any other low level Widget other than CustomPainter? let me know, the one with Skia's-like API, moveTo, lineTo, etc.

[@mohammedektelat1489]

Is there a full example?

[@aziziyad4034]

yeah, that's not for me

[@atenplay6405]

I got crash when the user try to draw on custom paint canvaz. is that any problem with it?

[@segundojaramilloromero9909]

Is it possible to zoom?

[@marflage]

You can use interactive viewer widget

[@deniszaika9534]

Slightly complicated in comparison to HTML canvas.

[@arondantas3779]

macam mana nak buat?

[@frankzheng7925]

At 3:01, why are "image" and "faces" set to be final instead of var. Anybody can help me?

[@NehalHasnayeen]

I know it's late but still answering, because those value will not change after assigning that's why they are final

[@marflage]

When a variable's value will not change after getting assigned it's initial value (initialization), final is used. You can still use var but it is a bad practice.

[@GianMarcoDiFrancesco]

I implemented this custom painter with ML Kit: github.com/giandifra/Flutter-Smile-Face-Detection

[@AnatolyKosorukov]

0:52 myPainter() constructor should start with a capital letter. final customPaint = CustomPaint( painter: MyPainter(), child, SomeWidget(), );

[@danvilela]

Github?

[@zawadi563]

good explanations...and in the next boring show can you guys enlight us why the website has changed from flutter.io to .dev

[@baggern]

because Google owns the .dev tld apparently and they are pushing it hard

[@HumanoidTyphoon91]

which episode was that? I'm a bit behind on the boring show, but would like to check the reasoning behind the .dev change

[@ИгорьНикульченко-ъ4ш]

「内容を明確にする必要があります」、

[@magacaygamaxamuud7253]

DrawAtlas