drag_and_drop_lists 0.0.5

Flutter Android iOS web

A flutter package to allow drag-and-drop reordering of two-level lists.

drag_and_drop_lists #

Two-level drag and drop reorderable lists.

Features #

  • Reorder elements within a single list
  • Reorder lists
  • Drag and drop new elements from outside of the lists
  • Vertical or horizontal layout
  • Expandable lists
  • Can be used in slivers
  • Easy to extend with custom layouts

Usage #

To use this plugin, add drag_and_drop_lists as a dependency in your pubspec.yaml file. For example:

dependencies:
  drag_and_drop_lists: ^0.0.4

Now in your Dart code, you can use: import 'package:drag_and_drop_lists/drag_and_drop_lists.dart';

To add the lists, add a DragAndDropLists widget. Set its children to a list of DragAndDropList. Likewise, set the children of DragAndDropList to a list of DragAndDropItem. For example:

...

  DragAndDropLists(
    children: List.generate(_lists.length, (index) => _buildList(index)),
    onItemReorder: _onItemReorder,
    onListReorder: _onListReorder,
  ),

...

_buildList(int outerIndex) {
  var innerList = _lists[outerIndex];
  return DragAndDropList(
    title: Text('List ${innerList.name}'),
    children: List.generate(innerList.children.length, (index) => _buildItem(innerList.children[index])),
  );
}

_buildItem(String item) {
  return DragAndDropItem(
    child: ListTile(
      title: Text(item),
    ),
  );
}

For further examples, see the example app or view the example code directly.

8
likes
110
pub points
45%
popularity

A flutter package to allow drag-and-drop reordering of two-level lists.

Repository (GitHub)
View/report issues

Documentation

API reference

Uploader

pbrink@gmail.com

License

BSD (LICENSE)

Dependencies

flutter

More

Packages that depend on drag_and_drop_lists