| // 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 'dart:ui'; |
| |
| 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() => _ReorderableExampleState(); |
| } |
| |
| class _ReorderableExampleState 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.secondary.withOpacity(0.05); |
| final Color evenItemColor = colorScheme.secondary.withOpacity(0.15); |
| final Color draggableItemColor = colorScheme.secondary; |
| |
| Widget proxyDecorator(Widget child, int index, Animation<double> animation) { |
| return AnimatedBuilder( |
| animation: animation, |
| builder: (BuildContext context, Widget? child) { |
| final double animValue = Curves.easeInOut.transform(animation.value); |
| final double elevation = lerpDouble(0, 6, animValue)!; |
| return Material( |
| elevation: elevation, |
| color: draggableItemColor, |
| shadowColor: draggableItemColor, |
| child: child, |
| ); |
| }, |
| child: child, |
| ); |
| } |
| |
| return ReorderableListView( |
| padding: const EdgeInsets.symmetric(horizontal: 40), |
| proxyDecorator: proxyDecorator, |
| 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); |
| }); |
| }, |
| ); |
| } |
| } |