Reorderable list example

main.dart

import 'package:flutter/material.dart';

/// Flutter code sample for [ReorderableListView].

void main() {
  runApp(const ReorderableApp());
}

class ReorderableApp extends StatelessWidget {
  const ReorderableApp({super.key});

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(title: const Text('ReorderableListView Sample')),
        body: const ReorderableExample(),
      ),
    );
  }
}

class ReorderableExample extends StatefulWidget {
  const ReorderableExample({super.key});

  @override
  State<ReorderableExample> createState() => _ReorderableListViewExampleState();
}

class _ReorderableListViewExampleState extends State<ReorderableExample> {
  final List<int> _items = List<int>.generate(6, (int index) => index); // Generate 6 items for 6 colors

  // Define a map of colors and their names
  final Map<Color, String> _itemColors = {
    Colors.red: 'Red',
    Colors.orange: 'Orange',
    Colors.yellow: 'Yellow',
    Colors.green: 'Green',
    Colors.blue: 'Blue',
    Colors.purple: 'Purple',
  };

  @override
  Widget build(BuildContext context) {
    return ReorderableListView(
      padding: const EdgeInsets.symmetric(horizontal: 40),
      children: _items.map((int index) {
        final Color itemColor = _itemColors.keys.toList()[index % _itemColors.length];
        final String itemColorName = _itemColors[itemColor]!;
        return ListTile(
          key: Key('$index'),
          tileColor: itemColor,
          title: Text('$itemColorName item'),
        );
      }).toList(),
      onReorder: (int oldIndex, int newIndex) {
        setState(() {
          if (oldIndex < newIndex) {
            newIndex -= 1;
          }
          final int item = _items.removeAt(oldIndex);
          _items.insert(newIndex, item);
        });
      },
    );
  }
}