flutter pub add drop_zone基于插件公开信息、社区数据与项目使用情况整理的选型参考。
drop_zone 是一个 Flutter Web 包，可简化拖放功能，使用户能够通过将文件拖放到指定小部件上来选择文件。它与 Flutter 的 Web 平台无缝集成，允许开发者捕获已 dropped 的 HTML 文件以进行进一步处理。非常适合文件上传界面，通过直观的手势提升用户体验。该包轻量且专注于核心拖放行为，不包含额外的复杂性。
以下为关联源码仓库的 README 原文快照，最新内容请访问源码仓库。
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).
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,
)
)
暂无相关数据。