flutter pub add boardview基于插件公开信息、社区数据与项目使用情况整理的选型参考。
BoardView 是一个可自定义的 Flutter 小部件，旨在创建可拖动的看板式面板。它允许用户通过直观的拖放交互来重新排序列和卡片，非常适合任务管理和工作流可视化。该小部件在性能和灵活性方面进行了精心设计，支持 Android、iOS、Web、macOS、Windows 和 Linux 等多个平台。该小部件具有高度可扩展性，并能无缝集成到现有的 Flutter 应用程序中。
以下为关联源码仓库的 README 原文快照，最新内容请访问源码仓库。
This is a custom widget that can create a draggable BoardView or also known as a kanban. The view can be reordered with drag and drop.
Just add boardview to the pubspec.yaml file.
To get started you can look inside the /example folder. This package is broken into 3 core parts
The BoardView class takes in a List of BoardLists. It can also take in a BoardViewController which is can be used to animate to positions in the BoardView
BoardViewController boardViewController = new BoardViewController();
List<BoardList> _lists = List<BoardList>();
BoardView(
lists: _lists,
boardViewController: boardViewController,
);
The BoardList has several callback methods for when it is being dragged. The header item is a Row and expects a List as its object. The header item on long press will begin the drag process for the BoardList.
BoardList(
onStartDragList: (int listIndex) {
},
onTapList: (int listIndex) async {
},
onDropList: (int listIndex, int oldListIndex) {
},
headerBackgroundColor: Color.fromARGB(255, 235, 236, 240),
backgroundColor: Color.fromARGB(255, 235, 236, 240),
header: [
Expanded(
child: Padding(
padding: EdgeInsets.all(5),
child: Text(
"List Item",
style: TextStyle(fontSize: 20),
))),
],
items: items,
);
The BoardItem view has several callback methods that get called when dragging. A long press on the item field widget will begin the drag process.
BoardItem(
onStartDragItem: (int listIndex, int itemIndex, BoardItemState state) {
},
onDropItem: (int listIndex, int itemIndex, int oldListIndex,
int oldItemIndex, BoardItemState state) {
},
onTapItem: (int listIndex, int itemIndex, BoardItemState state) async {
},
item: Card(
child: Padding(
padding: const EdgeInsets.all(8.0),
child: Text("Board Item"),
),
)
);
依赖清单 1 项
^1.0.0