desktop_drop
A plugin which allows user dragging files to your flutter desktop applications.
Windows | ✅ |
Linux | ✅ |
macOS | ✅ |
Android | ✅(preview) |
Web | ✅ |
Getting Started
- Add
desktop_drop
to yourpubspec.yaml
.
desktop_drop: $latest_version
- Then you can use
DropTarget
to receive file drop events.
class ExampleDragTarget extends StatefulWidget {
const ExampleDragTarget({Key? key}) : super(key: key);
@override
_ExampleDragTargetState createState() => _ExampleDragTargetState();
}
class _ExampleDragTargetState extends State<ExampleDragTarget> {
final List<XFile> _list = [];
bool _dragging = false;
@override
Widget build(BuildContext context) {
return DropTarget(
onDragDone: (detail) {
setState(() {
_list.addAll(detail.files);
});
},
onDragEntered: (detail) {
setState(() {
_dragging = true;
});
},
onDragExited: (detail) {
setState(() {
_dragging = false;
});
},
child: Container(
height: 200,
width: 200,
color: _dragging ? Colors.blue.withOpacity(0.4) : Colors.black26,
child: _list.isEmpty
? const Center(child: Text("Drop here"))
: Text(_list.join("\n")),
),
);
}
}
LICENSE
see LICENSE file