Uma maneira simples de trazer o arrastar e soltar para o Flutter Web
{"sdk":"flutter"}{"sdk":"flutter"}Texto original em inglês. Visite o GitHub para a versão atual.
A simple way to bring drag’n’drop to flutter web.
drop_zone is commonly used for file choosing by dragging and dropping a file(s) onto a designated widget. The user can then use the dropped html file(s).
https://raw.githubusercontent.com/derrick56007/dropzone/HEAD/demo.gif?raw=true
An example can be found in the example directory of this repository.
Add drop_zone to pubspec.yaml of your project:
dependencies:
drop_zone: ^1.0.2
Add necessary imports and wrap any widget with DropZone() to use it as a dropzone:
import 'package:drop_zone/drop_zone.dart';
import 'dart:html' as html;
DropZone(
onDragEnter: () {
print('drag enter');
},
onDragExit: () {
print('drag exit');
},
onDrop: (List<html.File> files) {
print('files dropped');
print(files);
},
child: Container(
width: 300,
height: 300,
)
)