reorderable_grid_view 2.2.3-alpha.5 copy "reorderable_grid_view: ^2.2.3-alpha.5" to clipboard
reorderable_grid_view: ^2.2.3-alpha.5 copied to clipboard

Reorderable Grid View

ReorderableGridView #

Copy from official ReorderableListView

Usage: #

dependencies:
  reorderable_grid_view: ^2.2.3-alpha.2

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),
              ),
            ),
          ],
        ),
      ),
    );
  }
}

Other #

ReorderableGridView.builder and ReorderableSliverGridView.count can work.

Important #

as issue #17 says. There's some broken api in MultiDragGestureRecognizer. So if you have some issue relative to MultiDragGestureRecognizer.

Please try both 1.1.x and 1.2.x version.

131
likes
0
pub points
97%
popularity

Publisher

unverified uploader

Reorderable Grid View

Repository (GitHub)
View/report issues

License

unknown (LICENSE)

Dependencies

flutter

More

Packages that depend on reorderable_grid_view