Flutter Tutorial - Flutter Keys & Value Key
HTML-код
- Опубликовано: 30 июл 2024
- With the Flutter Value Key, you can preserve the state of Stateful Widgets while they are moving around within your Widget tree. The main Flutter Keys are ValueKey, UniqueKey, GlobalKey & ObjectKey.
Click here to Subscribe to Johannes Milke: ruclips.net/user/JohannesMilke...
👉 12 Week Flutter Training | heyflutter.com
👉 Flutter Masterclass Courses | heyflutter.com/masterclass
Source Code | github.com/JohannesMilke/key_...
My Courses | heyflutter.com
Follow Newsletter | johannesmilke.com/newsletter
SUBSCRIBE HERE
bit.ly/JohannesMilke
SUPPORT & SPONSOR ME
github.com/sponsors/JohannesM...
RESOURCES
Reorderable List View Tutorial: • Flutter Tutorial - Reo...
GlobalKey Tutorial: • Flutter Tutorial - Flu...
UniqueKey Tutorial: • Flutter Tutorial - Flu...
Inherited Widget Tutorial: • Flutter Tutorial - Inh...
Drag & Drop Widgets Tutorial: • Flutter Tutorial - Dra...
App Internationalization Tutorial: • Flutter Tutorial - Loc...
Create Flutter Project For App Stores Tutorial: • Flutter Tutorial - Cre...
Detect Wife, Mobile & No Internet Tutorial: • Flutter Tutorial - Det...
Detect App Background & App Closed Tutorial: • Flutter Tutorial - Det...
Change App Icon Tutorial: • Flutter Tutorial - Cha...
Native Splash Screen Tutorial: • Flutter Tutorial - Nat...
TIMELINE
0:00 Introduction Flutter Value Key
1:08 Purpose Of Value Key
1:31 Usecase: Remove Widget From List
3:06 Add Value Key
4:44 Add Value Key With Object
5:53 Usecase: Reorderable ListView
6:59 Add Value Key With Object Value
SHARE | SUBSCRIBE | LIKE FOR MORE VIDEOS LIKE THIS
*********
SOCIAL MEDIA: Follow Us :-)
Twitter | / heyflutter_
Linkedin | / heyflutter
LEARN MORE
SOURCE CODE | github.com/JohannesMilke
ARTICLES | / johannesmilke
PLAYLISTS
All Flutter Videos | • Flutter Tutorial - Flu...
Widgets - Flutter | • Flutter Tutorial - Flu...
Plugins - Flutter | • Flutter Tutorial - Flu...
Animations - Flutter | • Flutter Tutorial - Tra...
Designs - Flutter | • Flutter Tutorial - Flu...
Firebase - Flutter | • Flutter Tutorial - Pag...
State Management - Flutter | • Flutter Tutorial - Riv...
CREDITS
Copyright song "Corporate Technology" by scottholmesmusic.com
#Flutter #Tutorial #JohannesMilke
LIKE & SHARE & ACTIVATE THE BELL
Thanks For Watching :-)
bit.ly/JohannesMilke Наука
This might help you :)
👉 12 Week Flutter Training from Newbie to Expert: heyflutter.com
Source Code: github.com/JohannesMilke/key_value_example
Thanks for sharing. Precise and clear !
You are welcome, @gilsonconceicao5201 😊
Great video Mike 👍.
If anyone wants to assign a random id then I would suggest them looking at the UUID package for that. This package really helps when working with dynamic widgets like a list of fields as shown in the video.
@@HeyFlutter I completely understand what you mean and I appreciate the feedback.
But I think I didn't clearly clarify my case in my previous comment. I'm using the UUID generated id as an object property which then gets assigned to the key which guarantees that it won't be changing in every build.
I also looked at the video you recommended about the Unique key. I found that it is great for the use case you shown in it. But I think it won't fit in my case as I researched and found over StackOverflow that UniqueKey doesn't create strong random data. From this, I understood that it safely generates a random id for one user DB but that id could still match or found in other users DB. And then if that user data is to be used in a shared database in the future then that could lead to some probability of conflicts in DB as the data grows. I know that there would still be approaches to handle if something like that happens but from what I understood I think that UUID would be a clean approach in that case. I might be wrong here so please feel free to correct me.
As always thank you for making the amazing content. Keep going 👍.
Learning a lot from your videos, thank you very very much 👍🏼
Hi, big thanks for all you do for the community! I'm picking up a ton from you, and it's awesome.
You are welcome, @mohammadb8041 😊
I had always wondered what ValueKeys were and how I would utilise them. Glad, I know them now.✌️✌️
The best tutorials on youtube.
Thanks a lot
Nice explanation
You are a doctor of flutter. Thank you bro
Thanks, Great explanation 👌
Great explanation! Thanks!
I thought that I'd be confused for eternity when it comes to keys in flutter, because even the official video of flutter team couldn't explain me the about it, however your video was very helpful in this case.
@@HeyFlutter thanks
Great stuff
Awesome 👍🙏
lovely, as always...
Great comment thank you
Thanks
the key is complicated but this is truly amazing tutorial and explanation, thank you..
Thank you very much. I just could not find the error in my code. Watched a little and tried a little but still errors persisted. Fortunately I watched the video till the end. It worked for me only after I used the example of 'user.name'. Thanks
Complicated topic but Easy Explanation with example :)
150st Like !
Keep up the good work :)
I literally spent 5 hours trying to fix the reorderable List bug. Now it's too late but thanks for showing your workaround
@@HeyFlutter sorry for saying workaround. I'll check the link and thanks for explaining the concept to me.
Greeting from Hungary (•‿•)
Thank you for this tutorial. I don't know what is the best way to store product images on a good cloud and cloud for node js,,database mongoodb ,,flutter ,,back End node js ,, This is my first app thank you
thank you very very much 👍🏼and Sorry I don't speak English well
If you are not the best FLUTTER INSTRUCTOR you come close :) maybe it would be great also to produce tutorials about advanced STATE MANAGEMENT or advanced modern UI implementation with implicit/explicit animations (also with use of the ANIMATION package) and RIVE code driven animations ? Because the real advantage of FLUTTER over the other cross platform solutions is its UI capabilities :) THEY ARE ONLY IDEAS. I would never tell you what to do ! Once again thank you for your very good videos
@@HeyFlutter indeed you already covered so many things Johannes :) I also liked the longer tutorials like the DDD tuto from Resocoder that teach people like me to DRIVE a real world project
Please tell how to implement the more option.
Means when click on the three dots (normally available on the right top corner) then a list of options pop up there.
Please let us know how we can do it in flutter.
@@HeyFlutter thanks 😊