| // Copyright 2014 The Flutter Authors. All rights reserved. |
| // Use of this source code is governed by a BSD-style license that can be |
| // found in the LICENSE file. |
| |
| // Flutter code sample for [ReorderableListView]. |
| |
| import 'package:flutter/material.dart'; |
| |
| 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() => _MyStatefulWidgetState(); |
| } |
| |
| class _MyStatefulWidgetState extends State<ReorderableExample> { |
| final List<int> _items = List<int>.generate(50, (int index) => index); |
| |
| @override |
| Widget build(BuildContext context) { |
| final ColorScheme colorScheme = Theme.of(context).colorScheme; |
| final Color oddItemColor = colorScheme.primary.withOpacity(0.05); |
| final Color evenItemColor = colorScheme.primary.withOpacity(0.15); |
| |
| return ReorderableListView( |
| padding: const EdgeInsets.symmetric(horizontal: 40), |
| children: <Widget>[ |
| for (int index = 0; index < _items.length; index += 1) |
| ListTile( |
| key: Key('$index'), |
| tileColor: _items[index].isOdd ? oddItemColor : evenItemColor, |
| title: Text('Item ${_items[index]}'), |
| ), |
| ], |
| onReorder: (int oldIndex, int newIndex) { |
| setState(() { |
| if (oldIndex < newIndex) { |
| newIndex -= 1; |
| } |
| final int item = _items.removeAt(oldIndex); |
| _items.insert(newIndex, item); |
| }); |
| }, |
| ); |
| } |
| } |