native_drag_n_drop
A package that allows you to add native drag and drop support into your flutter app.
Currently supported features
- iOS support only (iOS 11 and above)
- Only has drop support (can drag data from outside of the app and drop into your flutter application)
- Supports text, urls, images, videos, audio, and pdfs
- Can drop multiple items at once
Usage
import 'package:native_drag_n_drop/native_drag_n_drop.dart';
List<DropData> receivedData = [];
@override
Widget build(BuildContext context) {
return NativeDropView(
child: receivedData.isNotEmpty
? ListView.builder(
itemCount: receivedData.length,
itemBuilder: (context, index) {
var data = receivedData[index];
if (data.type == DropDataType.text) {
return ListTile(
title: Text(data.dropText!),
);
}
return ListTile(
title: Text(data.dropFile!.path),
);
})
: const Center(
child: Text("Drop data here"),
),
loadingCallback: (loading) {
// display loading indicator / hide loading indicator
},
dataReceivedCallback: (data) {
setState(() {
receivedData.addAll(data);
});
});
}
The dataReceivedCallback returns List<DropData>.
enum DropDataType { text, url, image, video, audio, pdf }
class DropData {
File? dropFile;
String? dropText;
DropDataType type;
DropData({this.dropFile, this.dropText, required this.type});
}
It is safe to assume that if the dataType is text or url then the dropText will be non null.
As for image, video, audio, pdf it is safe to assume the dropFile will be non null
Todo
- Only allow certain data types
- specify the number of items allowed to be dropped at a time
- Android Support
- Drag support (Dragging data within app to a source outside of flutter app)
Contributing
This is a very early release. I will take as much help as possible.
Please make a pr and show an example if possible.
