reorderable_staggered_scroll_view #

A Flutter package for creating reorderable and draggable staggered grid and list views. This package provides a smooth and intuitive way to reorder items in both grid and list layouts, making it perfect for creating interactive and user-friendly applications.

List Demo	Grid Demo

Features #

• Reorder items with ease using drag and drop gestures.
• Supports both staggered grid and list layouts.
• Configurable drag-and-drop behavior.
• Designed for a seamless user experience.

Getting Started #

To use this package, add it to your pubspec.yaml file:

dependencies:
  reorderable_staggered_scroll_view: ^latest_version

Replace ^latest_version with the actual version you want to use.

Import the package in your Dart code:

import 'package:reorderable_staggered_scroll_view/reorderable_staggered_scroll_view.dart';

Usage #

Grid #

ReorderableStaggeredScrollView.grid(
  enable: _dragEnabled,
  padding: const EdgeInsets.all(16),
  scrollDirection: Axis.vertical,
  physics: const BouncingScrollPhysics(),
  crossAxisCount: 4,
  isLongPressDraggable: false,
  onDragEnd: (details, item) {
    print('onDragEnd: $details ${item.key}');
  },
  children: List.generate(
    10,
    (index) => ReorderableStaggeredScrollViewGridItem(
      key: ValueKey(index.toString()),
      mainAxisCellCount: 1,
      crossAxisCellCount: Random().nextInt(2) + 1,
      widget: Card(
        child: Center(child: Text('Item $index')),
      ),
    ),
  ),
);

List #

For a list view of items use list constructor:

ReorderableStaggeredScrollView.list(
  ...
)

For more detailed usage instructions and configuration options, refer to the example directory in this repository.

Contributing #

We welcome contributions! If you have ideas for improvements or encounter issues, please open an issue or submit a pull request.

Author #

itisnajim, [email protected]

License #

This package is licensed under the MIT License. See the LICENSE file for more details.