Drag and drop - Flutter Build Show

Learn how to build advanced drag-and-drop UIs in Flutter using the `super_drag_and_drop` package.
Chapters:
00:00 Intro
01:37 Setup
06:03 Using super_drag_and_drop
09:21 Adding a dragged placeholder
10:44 Adding a drop preview
14:16 Adding drop functionality
15:48 Dropping from the desktop
17:47 Conclusion
Watch more Flutter Build Show → goo.gle/FlutterBuildShow
Subscribe to Flutter → goo.gle/FlutterYT
#FlutterBuildShow #Flutter
Speaker: Craig Labenz
Products Mentioned: Flutter

[@flutterdev]

Subscribe to Flutter → goo.gle/FlutterYT

[@skypuff]

Absolute gold. I wouldn't have minded if this was 40 minutes to an hour long.

[@mikopiko]

They already have hours long streams, I think 20 minutes is good

[@amirmirzababapour6016]

This guy talks so smooth, it's enjoyable to watch him explain stuff. 👍

[@santosvision]

Just adding this functionality to my app is like almost creating another app within the app lol. Thank you for the package and the explenation.

[@RikazZarook]

I just searched for this a few hours ago. Now you have created the content.

[@vasorotto19]

I was just thinking about this a few hours ago, even more impressing.

[@dmitry.skibitsky]

Is Google involved in this? We are all under the hood of this giant.

[@vasorotto19]

@@dmitry.skibitsky I don't think Google can read my mind

[@begula_real]

​@@vasorotto19"ok lets go personal google ads" --google founder, maybe lol

[@anotherhonestguy]

We got a requirement regarding this and now the content is here. Wow!

[@mehranullah4774]

Awesome work.

[@ariosetiawan173]

Flutter Keep Grows Widely :O

[@codontv1000]

Thanks, continue to evolve Flutter Web

[@ralfizFlutter]

awsome presentation bro

[@bakhbk]

Definitely useful!

[@MOImmortal]

nice work

[@DYLANKAVUNDAMA]

Excellent

[@ghassanalkaraan]

Love this framework.

[@chaitanyadamarasingu979]

Expecting more for Flutter web

[@mrHachem]

Flutter is the best

[@arabmidia]

Thanks

[@jdabbasi990]

Bravo

[@ichbleibich]

Where can i buy this cool flutter plush bird, please?

[@RandalLSchwartz]

at 04:29, the problem with using a record here instead of a real class is that your extension now applies to anything with the shape of (int, Panel), not just the specific pseudo-class you created, since typedefs are pure aliases, not new types. You've effectively written an extension "on (int, Panel)" generically.

[@BekirTaskn]

Is there any shared example code for this?

[@ridwanoyeniyi8543]

I built similar functionality without using any other packages, other than Draggable widget from flutter and riverpod state management...

[@jongwoolim616]

Can I use this package for mobile app development?

[@jongwoolim616]

Even after adding myDraggableWidget, I still have broken UI on preview (when I start dragging data). Why is this happening and any solutions to this on mobile app?

[@jongwoolim616]

It seems like dragItemProvider is not called when I try to drag things around.

[@victoraul1]

nice, could this work on a web browser

[@mikopiko]

Yeah, I am pretty sure it can

[@irreman3361]

is this supposed to e a desktop app

[@bennorolls]

(click) Nice!

[@BooleanDev]

is the source code available on github?

[@mikopiko]

Doesn't look like it

[@serkandemir6733]

Navigation for responsive Apps

[@mortysmith666]

What's that dollar syntax

[@mikopiko]

You mean the string interpolation part?

[@randomlee101]

​@mikopiko I think morty's referring to the positional reference on the 'Records'

[@davidowens9597]

Records. The first item in a record can be accessed using .$1 Second would be .$2 and so on.

[@anlumo1]

Why is this functionality not contained in Flutter itself? That's a rather big hole for desktop applications.
The built-in drag & drop support is completely unusable for desktop development (ticket 130423).

[@BooleanDev]

the team has higher priority tickets for desktop, such as multi window

[@BooleanDev]

and platform views

[@mikopiko]

Maybe to keep the SDK size low?

[@gob5964]

@Flutter I'm having a hard time trying to manage oAuth in my flutter app.
- trying to refresh accessToken via a RefreshToken in a TokenInterceptor
- problems to manage multiple API calls made in parrallel (very same time) from UI to feed a home screen
Would you (or anyone) have a video or link to help me on this ?
Thanks in advance.

[@mikopiko]

Didn't stackoverflow have an answer?

[@gob5964]

@@mikopiko not really no cause it tells about .lock/?unlock but this isnt enough...
Maybe a Completer() but dont know how it works ATM...

[@jdabbasi990]

Bring back Kenzie Davison

[@MaliksagheerMaliksagheer-xe6bm]

Teenxxx

[@ibrahimalshmrani8216]

Flutter is my brother

[@jakerawk]

Should talk about the native parts being written in rust

[@mikopiko]

Is it?

[@mobiledev619]

how can open new window on flutter desktop ?

[@abdulqayyumisahak5190]

Hello sir really appreciated your video sir.. but i got an error message 'null check operator used on a null value" .Hope can help me solve this problem. Thank you in advance.
if(dragStartCopy?.$2 == dropPreviewCopy?.$2){
itemsCopy.removeAt(dragStartCopy!.$1);
dragStartCopy = null;
}