Flutter Drag & Drop for Two-Year-Olds
Вставка
- Опубліковано 30 кві 2019
- 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/lessons/flutter-d...
- Draggable docs.flutter.io/flutter/widge...
- DragTarget docs.flutter.io/flutter/widge...
#flutter - Наука та технологія
I like how Jeff keeps sprinkling some dev humor here and there!
loving your flutter content
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.
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
Great video once again, keep it up :)
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).
Thanks for the tutorial.
Looking forward to your premium Flutter course? Any updates?
This is so cool. Keep going!!! Saludos desde colombia 🇨🇴
very good video, very thanks!!
Always waiting for your videos. Love your tutorials
Once again Fireship with a great video like always, keep it up bro your the best !
What about your flutter course?
Waiting for it
Could you clone pianotiles with flutter?
Amazing pro!!! please more Drag Drop tutorials like that!!! Many Thanks!
hey fireship great vid, what emulator do you use?i have been having alot of issues setting up mine.honestly need some help
awesome :D
where do you upload your complete courses?
fireship.io/courses/
Thank you very much!
Hey there, what's the name of the background song?
I'd love to see a sortable ListView example
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.
How we can make game level?
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 can't wait
Wow perfect example to learn Drag and drop and great logic
How to use emoji in Flutter?
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 ua-cam.com/video/7sJZi0grFR4/v-deo.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 :)
I'd love if its a from scratch tutorial cause it'll be easier for me to understand
make a video of this + animations of pushing the other blocks around while being dragged
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 :]
Is this app on Github?
Yes, GitHub link can always be found on the fireship lesson page.
Cool
Are you sure you're not Stephen Grider?
Is it only me or did someone else also expectet something like Scratch programming with drag and drop codeblocks to make an app?
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
0:04 so funny
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 :)
2ND COMMENT
Repo? 😕 😕
3rd comment
so complex
07:50 May be some of all you got trouble whit the .play
so try this:
_audioController.load('success.mp3');