flutter_reorderable_grid_view 1.0.2

Reordering all children inside ReorderableGridView. By default the reorder is animated.

A GridView and Wrap whose items the user can interactively reorder by dragging.

Animated Reordering with different type of widgets: GridView and Wrap.

Features

Use this package in your Flutter App to:

• Enable a reordering logic with different widgets
• Simplified widget
• Works with all kind of widgets that are rendered inside
• Animated when reordering items
• Locking all items you don't want to move
• Using GridView and Wrap as before but with animation
• Tested workflows like updating children or changing orientation

Getting started

Simply add ReordableWrap or ReorderableGridView to your preferred Widget and specify a list of children.

Usage

import 'package:flutter_reorderable_grid_view/reorderable_grid_view.dart';
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';

class HomePage extends StatelessWidget {
  const HomePage({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      backgroundColor: Colors.grey,
      body: SafeArea(
        child: Padding(
          padding: const EdgeInsets.all(20),
          child: ReorderableWrap(
            children: List.generate(
              20,
                  (index) =>
                  Container(
                    color: Colors.blue,
                    height: 100,
                    width: 100,
                    child: Text(
                      'test $index',
                      style: const TextStyle(
                        fontSize: 20,
                        color: Colors.white,
                      ),
                    ),
                  ),
            ),
          ),
        ),
      ),
    );
  }
}

To see more examples, just start the Example App and use the DropDown to test all type of widgets.

Supported Widgets

• ReorderableWrap
• ReorderableGridView
• ReorderableGridView.count
• ReorderableGridView.extent

Additional information

ReorderableWrap and ReorderableGridView are just an extension of the known widgets Wrap and GridView.

The extension includes the functionality to reorder their items.

In the following description you get information about the new parameters.

More information about the parameters of GridView and Wrap are on the flutter documentation.

Parameters

Parameter	Description	Default Value
children	Displays all given children that are build inside a Wrap.	-
lockedChildren	Define all children that can't be moved while dragging. You need to add the index of this child in a list.
enableAnimation	Enables the animation when changing the positions of childrens after drag and drop.	true
enableLongPress	Decides if the user needs a long press to move the item around.	true
longPressDelay	Specify the delay to move an item when enabling long press.	500 ms
onReorder	After dragging an item to a new position, this function is called. The function contains always the old and new index. Be sure to update your children after that. See more on examples.	-

Future Plans

Currently, I didn't implement all types of GridView. Also, some parameters are still missing. But be sure that they are coming.

If you have feature requests or found some problems, feel free and open your issues in the GitHub project.

Thank you for using this package.