How to build a Flutter Desktop app: Drag and Drop and upload to Firebase Storage multiple files.
In this tutorial, we will see how we can create a Flutter Desctop app, where in which we can drag and drop files and upload them into the Firebase Storage. We will use some libraries to achieve this result, like:
Native Drag and Drop for Flutter (https://pub.dev/packages/super_drag_a...)
Provider (https://pub.dev/packages/provider)
This can be useful for Flutter beginners as well as experienced devs who didn't have a chance to check Flutter for desktop apps.
Environment:
macOS 13.0.1 (22A400)
Flutter 3.3.9
Outline:
00:00 - Intro
00:55 - Libraries setup, highlight app on drag enter and drag exit events
03:50 - Get dragged file location on the file system
08:35 - Upload to the firebase Storage
18:07 - Refactoring our PoC with Provider
28:18 - Update UI
29:40 - Display files from Firebase Storage
31:39 - Open files
32:33 - Final Result