Flutter Drag & Drop for Two-Year-Olds
ฝัง
- เผยแพร่เมื่อ 23 ก.ย. 2024
- Build a drag & drop 🖖 UI in the form of a simple color-matching kid's game. Master the basics of Flutter's Draggable and DragTarget widgets fireship.io/le...
- Draggable docs.flutter.i...
- DragTarget docs.flutter.i...
#flutter
I like how Jeff keeps sprinkling some dev humor here and there!
If you jump in the well, I will follow you there, this is how much I love your content. I don't click the notifications for other channels but when it's Jeff, gotta compromise. I will even sacrifice food over your video. trust me on this one, I am doing this right now.
My 2-year-old totally gets Flutter's DragTarget and Draggable widgets, especially the onAccept callback. Next challenge: state management!
Waiting for your flutter course :)
Soon... I always underestimate how much work they require.
Take your time with it 🙂
@@Fireship will you upload your course on youtube?
Great example on how to get project ideas from real life situations :)
There are no doubts in my mind your a proud and caring dad :)
Thanks! Kids are fun, they really change your perspective on life (and coding).
This is so cool. Keep going!!! Saludos desde colombia 🇨🇴
Amazing pro!!! please more Drag Drop tutorials like that!!! Many Thanks!
Great video once again, keep it up :)
Looking forward to your premium Flutter course? Any updates?
Yet another glimpse of hope for joining this flutter train. Awesome work mate
It would be nice to see how to do to maintain the status of the widget when you use BottomNavigation, changing the views are to reload the widget. In addition to that while using Firebase to show data in that view. I did not find anything reliable to develop it. it's quite complex
loving your flutter content
very good video, very thanks!!
What about your flutter course?
Waiting for it
Thanks for the tutorial.
awesome :D
make a video of this + animations of pushing the other blocks around while being dragged
hey fireship great vid, what emulator do you use?i have been having alot of issues setting up mine.honestly need some help
Always waiting for your videos. Love your tutorials
Once again Fireship with a great video like always, keep it up bro your the best !
Is it possible to make it where it is only possible for the user to drag 1 thing at a time?
Theres 'onDragStarted' and 'onDragCompleted' callbacks which could be used to setState a bool to govern this behaviour, I think.
I'd love to see a sortable ListView example
where do you upload your complete courses?
fireship.io/courses/
Thank you very much!
Wow perfect example to learn Drag and drop and great logic
What is the length of the newly released course "Flutter Firebase - The Full Course"? Would help to add durations for the videos.
The average video length is about 4 min and there are 32 of them... I will try to add lengths to the UI soon.
I'm a bit confused maybe someone can point me in the right direction, Flutter is a framework for Dart ? And is Dart a new language for Mobile Development ? And is there a reason why this language has emerged ? Like performance or the need for cross-platform ?
Dart (language) and Flutter (framework) are successful at cross platform mobile dev for serveral reasons IMO - simplicity, type safety, & performance. Start here th-cam.com/video/7sJZi0grFR4/w-d-xo.html
Flutter is a framework for building apps similar to React Native but with a few key differences. One of the most notable differences is in the language used. While React Native uses JavaScript, Flutter uses Dart, a relatively new but battle tested language (used to power AdMob and AdWords via Angular Dart). Dart was introduced back in 2012 and was meant to be a replacement for JS. In August 2018, the language got a major update which introduced a static type system by default (was optionally in Dart 1).
Dart isn’t a mobile only language, it can be compiled to JavaScript and has a VM allowing it to be run on servers. As I mentioned before, there is a Dart flavor of Angular which can be used to build web apps.
The language can be compiled using both JIT (Just In Time) and AOT (Ahead of Time). Flutter takes advantage of this to power it’s hot reload. While developing, new code is compiled using JIT and immediately pushed to the device resulting in sub second hot reload and restarts. When you’re finished developing and ready to build your prod apk/ipa, the compiler uses AOT to properly optimize your code. Dart uses a tree shaking compiler so only the parts that you actually use are compiled into the final binary. Release code is native arm binary and unlike React Native, does not require a vm since there is no interpreted code.
Hope this helps :)
How to use emoji in Flutter?
Could you clone pianotiles with flutter?
I'd love if its a from scratch tutorial cause it'll be easier for me to understand
Hey there, what's the name of the background song?
i can't wait
How we can make game level?
Is this app on Github?
Yes, GitHub link can always be found on the fireship lesson page.
This is my first time looking at Dart code a d holy shit does it look messy. I will stick to learning Kotlin for now, maybe visit this again in the long future.
you wont be missed
Is it only me or did someone else also expectet something like Scratch programming with drag and drop codeblocks to make an app?
0:04 so funny
Are you sure you're not Stephen Grider?
wow amazing i need source code
How are you setting the emojis?
They are just strings, you can copy them from emojipedia.com
@@Fireship that's helpful :]
Bro Jeff honestly i subscribed to this channel so i can learn as much as possible from angular and firebse, javascript lessons are also very nice. But i really hate this svelte, flutter, and devops related videos, i know you are earning an extra amount of money by distributing google products, but bro, its FIRESHIP :)
Cool
Repo? 😕 😕
so complex
3rd comment
2ND COMMENT
07:50 May be some of all you got trouble whit the .play
so try this:
_audioController.load('success.mp3');