Reorderables
A Flutter package providing reorderable (drag-and-drop) versions of Table, Row, Column, Wrap, and SliverList widgets.
What is Reorderables?
Reorderables is a Flutter package that provides a collection of widgets enabling drag-and-drop reordering of their children. It solves the problem of adding interactive rearrangement capabilities to common layout structures like tables, lists, rows, columns, and wraps without requiring extensive custom implementation.
Flutter developers building applications that require interactive UI elements, such as list management interfaces, dashboard customization, or content organization features.
Developers choose Reorderables because it offers ready-to-use, drop-in replacements for standard Flutter widgets with built-in reordering logic, saving development time and ensuring consistent behavior across different layout types.
Overview
Reorderable table, row, column, wrap, and sliver list that allow drag and drop of the children. https://pub.dartlang.org/packages/reorderables
Use Cases
Best For
- Building interactive data tables with reorderable rows
- Creating customizable dashboards with draggable widgets
- Implementing sortable lists in Flutter apps
- Developing content management interfaces with drag-and-drop
- Adding reordering capabilities to wrap-based layouts like photo grids
- Building sliver-based scrollable lists with reorderable items
Not Ideal For
- Projects requiring drag-and-drop across multiple widgets or apps, as it's designed for reordering within a single widget
- Teams using Flutter's dev or master channels, since the package explicitly supports only stable releases
- Applications needing highly customized drag handles or visual feedback, as it offers limited customization options
- Large-scale projects preferring automatic state synchronization over manual callback management
Pros & Cons
Pros
Acts as a direct replacement for core Flutter widgets like Table and Wrap, requiring only an onReorder callback to add reordering functionality, minimizing code changes.
Includes widgets for tables, sliver lists, wraps, rows, and columns, covering most common UI patterns that benefit from drag-and-drop reordering.
Supports nested ReorderableWrap layouts, enabling complex multi-level drag-and-drop interfaces as shown in the example with nested wraps.
Regularly updated on pub.dev with stable releases, and the author offers commercial support via LinkedIn, indicating ongoing project reliability.
Cons
Explicitly not intended for Flutter's master or dev channels, limiting use for teams on unstable branches or needing cutting-edge features.
Requires developers to implement state management logic in the onReorder callback, which can be error-prone and cumbersome for dynamic or complex lists.
Focuses on functional reordering with minimal options for customizing drag handles or visual feedback, which may not suit design-heavy applications.
Frequently Asked Questions
Related Projects
StaggeredGridViewA Flutter staggered grid view
Liquid Pull To Refresh🔁 A custom refresh indicator for flutter.
Sticky HeadersFlutter Sticky Headers - Lets you place "sticky headers" into any scrollable content in your Flutter app. No special wrappers or magic required. Maintainer: @slightfoot
TypeaheadA TypeAhead widget for Flutter, where you can show suggestions to users as they type
Found a gem we're missing?
Open-Awesome is built by the community, for the community. Submit a project, suggest an awesome list, or help improve the catalog on GitHub.