Flutter:在多个列表或列之间排序、拖放

Ede*_*aum 9 dart flutter flutter-layout flutter-animation

我一直在研究一些列表排序库,例如flutter_list_drag_and_dropreorderable_listflutter_reorderable_listdragable_flutter_list,和其他人,但只有一个列表中的所有工作。

我想要做的事情可以在下图中理解,这正是 Trello 应用程序所拥有的。

任何图书馆建议或如何做到这一点?

拖放

Rah*_*dik 5

我一直在研究一些列表排序库,如 flutter_list_drag_and_drop、reorderable_list、flutter_reorderable_list、dragable_flutter_list 等,但都只适用于一个列表。

对 !所有当前可用的库只使用一个列表。

我又得到了一个基于“数据项”列表的插件orderable_stack

有关更多详细信息,请参阅orderable_stack

您也可以参考链接以获取更多可拖动的实现。

在此处输入图片说明 在此处输入图片说明 注意:目前orderable_stack与 Dart 2 不兼容

希望这会帮助你


小智 5

我使用boardview flutter 插件。

import 'package:boardview/board_item.dart';
import 'package:boardview/board_list.dart';
import 'package:boardview/boardview.dart';
@override
  Widget build(BuildContext context) {

List<BoardList> boardList = List<BoardList>();
List<BoardItem> boardItem = List<BoardItem>();
    boardItem.add(new BoardItem(
      boardList: BoardListState(),
      item: boarditem(),
      test: '1',
    ));

boardList.add(BoardList(
      index: 1,
      items: boardItem,
      header: header()
    ));

Widget header() {
    return Row( ... );}

Widget boarditem() {
    return Card( ... );}

 return BoardView(
      lists: boardList,
    );
}
Run Code Online (Sandbox Code Playgroud)