Question 1

How to add drag and drop to a Flutter table using Reorderables?

Accepted Answer

Replace your standard Table with ReorderableTable, use ReorderableTableRow for children with keys, and implement the onReorder callback to update the data list. The package handles the dragging logic automatically, as shown in the ReorderableTable example.

Question 2

Reorderables vs Flutter's ReorderableListView – which is better?

Accepted Answer

Reorderables offers a wider range of widgets including tables, wraps, and columns, while Flutter's ReorderableListView is limited to lists. Use Reorderables for diverse layouts, but for simple lists, Flutter's built-in widget might be sufficient with less overhead.

Question 3

Can I use Reorderables with sliver lists in Flutter?

Accepted Answer

Yes, ReorderableSliverList is specifically designed for sliver-compatible lists. Ensure a ScrollController is attached to the containing ScrollView, as highlighted in the documentation to avoid errors during dragging.

Question 4

How to customize the drag handle in Reorderables?

Accepted Answer

The README doesn't detail extensive customization; it relies on default dragging behavior. For custom handles, you may need to wrap children or explore alternative packages, as Reorderables prioritizes drop-in functionality over visual tweaks.

Question 5

Does Reorderables support nested drag and drop layouts?

Accepted Answer

Yes, it supports nested ReorderableWrap for multi-level reordering, allowing complex UIs with hierarchical structures, as demonstrated in the nested wrap example with depth levels.

Question 6

Is Reorderables compatible with Flutter web?

Accepted Answer

Since it's built on core Flutter widgets, it should work on Flutter web, but performance might vary with large datasets. Check the pub.dev page for platform-specific notes, as the README doesn't explicitly address web compatibility.

Question 7

How to handle state when items are reordered in Reorderables?

Accepted Answer

Implement the onReorder callback to update your data model, typically using setState in a StatefulWidget to rebuild the UI. The examples show removing and inserting items in a list to reflect the new order.

Reorderables

What is Reorderables?

Overview

Use Cases

Best For

Related Projects

Found a gem we're missing?

Not Ideal For

Pros & Cons

Pros

Cons

Frequently Asked Questions