reorderable_grid_view 2.2.6-alpha.3 icon indicating copy to clipboard operation
reorderable_grid_view: ^2.2.6-alpha.3 copied to clipboard

[pending analysis]

Reorderable Grid View

ReorderableGridView #

Copy from official ReorderableListView

Usage: #

dependencies:
  reorderable_grid_view: ^2.2.6-alpha.3

Example #

class _MyHomePageState extends State<MyHomePage> {
  final data = [1, 2, 3, 4, 5];

  @override
  Widget build(BuildContext context) {
    Widget buildItem(String text) {
      return Card(
        key: ValueKey(text),
        child: Text(text),
      );
    }

    return Scaffold(
      appBar: AppBar(
        title: Text(widget.title),
      ),

      body: Center(
        // use ReorderableGridView.count() when version >= 2.0.0
        // else use ReorderableGridView()
        child: ReorderableGridView.count(
          crossAxisSpacing: 10,
          mainAxisSpacing: 10,
          crossAxisCount: 3,
          children: this.data.map((e) => buildItem("$e")).toList(),
          onReorder: (oldIndex, newIndex) {
            setState(() {
              final element = data.removeAt(oldIndex);
              data.insert(newIndex, element);
            });
          },
          footer: [
            Card(
              child: Center(
                child: Icon(Icons.add),
              ),
            ),
          ],
        ),
      ),
    );
  }
}

Options #

optiondesc
dragWidgetBuilderthe drag widget builder

Constructors #

  • ReorderableGridView.builder
  • ReorderableGridView.count
  • ReorderableSliverGridView.count

custom reorderable #

You can use ReorderableWrapperWidget to custom your reorderable. Use ReorderableWrapperWidget as root. and it's descendants is ReorderableItemView[] list

  • ReorderableWrapperWidget(child: SomeCollection(children: ReorderableItemView))

Important #

  • the placeholderBuilder is not right when the list is very long, plese see issue 47

Other link project #

If this project is not fit your meet, you can try those other projects

82
likes
--
pub points
95%
popularity

Publisher

unverified uploader

Reorderable Grid View

Repository (GitHub)
View/report issues

License

Icon for licenses.unknown (LICENSE)

Dependencies

flutter

More

Packages that depend on reorderable_grid_view