Тёмный

Flutter Drag & Drop for Two-Year-Olds 

Fireship
Подписаться 3,3 млн
Просмотров 73 тыс.
50% 1

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

Опубликовано:

 

17 сен 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 62   
@narcodico
@narcodico 5 лет назад
I like how Jeff keeps sprinkling some dev humor here and there!
@mujeebishaque
@mujeebishaque 5 лет назад
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.
@lordswaggity1213
@lordswaggity1213 5 лет назад
Waiting for your flutter course :)
@Fireship
@Fireship 5 лет назад
Soon... I always underestimate how much work they require.
@lordswaggity1213
@lordswaggity1213 5 лет назад
Take your time with it 🙂
@mohanbarman5982
@mohanbarman5982 5 лет назад
@@Fireship will you upload your course on youtube?
@alex.x8782
@alex.x8782 Месяц назад
My 2-year-old totally gets Flutter's DragTarget and Draggable widgets, especially the onAccept callback. Next challenge: state management!
@911madza
@911madza 5 лет назад
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 :)
@Fireship
@Fireship 5 лет назад
Thanks! Kids are fun, they really change your perspective on life (and coding).
@RobertBrunhage
@RobertBrunhage 5 лет назад
Great video once again, keep it up :)
@ibrahemtaha8177
@ibrahemtaha8177 3 года назад
Amazing pro!!! please more Drag Drop tutorials like that!!! Many Thanks!
@fanynieto6365
@fanynieto6365 3 года назад
This is so cool. Keep going!!! Saludos desde colombia 🇨🇴
@AyorindeAdesugba
@AyorindeAdesugba 5 лет назад
Looking forward to your premium Flutter course? Any updates?
@mawulijo
@mawulijo 5 лет назад
Yet another glimpse of hope for joining this flutter train. Awesome work mate
@FabricioLoupias
@FabricioLoupias 5 лет назад
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
@RageBasterd
@RageBasterd 5 лет назад
loving your flutter content
@muhammadyasser9929
@muhammadyasser9929 5 лет назад
Thanks for the tutorial.
@mtux
@mtux 5 лет назад
very good video, very thanks!!
@darshangowda309
@darshangowda309 5 лет назад
awesome :D
@Chriscs7
@Chriscs7 10 месяцев назад
make a video of this + animations of pushing the other blocks around while being dragged
@ammarmughal91
@ammarmughal91 5 лет назад
where do you upload your complete courses?
@Fireship
@Fireship 5 лет назад
fireship.io/courses/
@putopavel
@putopavel 5 лет назад
I'd love to see a sortable ListView example
@timothyjones3798
@timothyjones3798 5 лет назад
hey fireship great vid, what emulator do you use?i have been having alot of issues setting up mine.honestly need some help
@samirphuyal4956
@samirphuyal4956 5 лет назад
What about your flutter course? Waiting for it
@matthewtrent5339
@matthewtrent5339 4 года назад
Is it possible to make it where it is only possible for the user to drag 1 thing at a time?
@irquaternion
@irquaternion 4 года назад
Theres 'onDragStarted' and 'onDragCompleted' callbacks which could be used to setState a bool to govern this behaviour, I think.
@aungkyawsoe6897
@aungkyawsoe6897 3 года назад
Thank you very much!
@beriu3512
@beriu3512 5 лет назад
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 ?
@Fireship
@Fireship 5 лет назад
Dart (language) and Flutter (framework) are successful at cross platform mobile dev for serveral reasons IMO - simplicity, type safety, & performance. Start here ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-7sJZi0grFR4.html
@nash9785
@nash9785 5 лет назад
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 :)
@AvinashSingh-nq5ud
@AvinashSingh-nq5ud 5 лет назад
Always waiting for your videos. Love your tutorials
@MsSebaastian
@MsSebaastian 5 лет назад
Once again Fireship with a great video like always, keep it up bro your the best !
@thefe4fe
@thefe4fe 5 лет назад
What is the length of the newly released course "Flutter Firebase - The Full Course"? Would help to add durations for the videos.
@Fireship
@Fireship 5 лет назад
The average video length is about 4 min and there are 32 of them... I will try to add lengths to the UI soon.
@nowhynot7711
@nowhynot7711 4 года назад
Wow perfect example to learn Drag and drop and great logic
@mahmudizukri
@mahmudizukri 4 года назад
I'd love if its a from scratch tutorial cause it'll be easier for me to understand
@skipmonday6467
@skipmonday6467 5 лет назад
i can't wait
@XQzmeeMusic
@XQzmeeMusic 5 лет назад
Could you clone pianotiles with flutter?
@muhammadshahrukh8740
@muhammadshahrukh8740 Год назад
How to use emoji in Flutter?
@dhyanais
@dhyanais 5 лет назад
Is this app on Github?
@Fireship
@Fireship 5 лет назад
Yes, GitHub link can always be found on the fireship lesson page.
@LUOSH1
@LUOSH1 4 года назад
Hey there, what's the name of the background song?
@frenches1995
@frenches1995 4 года назад
Is it only me or did someone else also expectet something like Scratch programming with drag and drop codeblocks to make an app?
@annihilate2479
@annihilate2479 2 года назад
0:04 so funny
@uzairleo2910
@uzairleo2910 4 года назад
wow amazing i need source code
@HDuser100
@HDuser100 5 лет назад
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.
@emmanuelo1177
@emmanuelo1177 4 года назад
you wont be missed
@lukhanwolf6019
@lukhanwolf6019 3 года назад
How we can make game level?
@victornweze7230
@victornweze7230 5 лет назад
Cool
@ShinEduKen
@ShinEduKen 5 лет назад
Are you sure you're not Stephen Grider?
@ksgamingYT17
@ksgamingYT17 5 лет назад
How are you setting the emojis?
@Fireship
@Fireship 5 лет назад
They are just strings, you can copy them from emojipedia.com
@ksgamingYT17
@ksgamingYT17 5 лет назад
@@Fireship that's helpful :]
@nemanjasubotin5465
@nemanjasubotin5465 5 лет назад
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 :)
@nykse
@nykse 3 года назад
so complex
@jiren8991
@jiren8991 4 года назад
Repo? 😕 😕
@karthick144
@karthick144 5 лет назад
3rd comment
@glennv.merkel3020
@glennv.merkel3020 5 лет назад
2ND COMMENT
@Ticnoticos
@Ticnoticos 2 года назад
07:50 May be some of all you got trouble whit the .play so try this: _audioController.load('success.mp3');
Далее
Dear Game Developers, Stop Messing This Up!
22:19
Просмотров 712 тыс.
Draggable and DragTarget | Drag and Drop in Flutter
11:32
Drag & Drop Tutorial
18:29
Просмотров 15 тыс.
Flutter for the JS Developer
13:43
Просмотров 396 тыс.
Am I going to jail for web scraping?
4:35
Просмотров 886 тыс.
Are Linux Smartphones about to KILL Android?
11:19
Why am I switching to Flutter in 2024
7:01
Просмотров 65 тыс.
What is happening with Flutter
3:41
Просмотров 149 тыс.