拖放区域

一种简单的方式将拖放功能带到 Flutter Web。

拖放区域通常用于通过将文件(s)拖放到指定的小部件来选择文件。用户然后可以使用已拖放的 HTML 文件(s)。

drop_zone

示例

可以在此存储库的示例目录中找到示例。

如何使用

将`drop_zone`添加到项目的`pubspec.yaml`。

dependencies:
  drop_zone: ^1.0.2

添加必要的导入并使用`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,
    )
)

GitHub

https://github.com/Derrick56007/dropzone