| // 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.ReorderableListView.builder]. |
| |
| 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 Center( |
| child: 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.primary.withOpacity(0.05); |
| final Color evenItemColor = colorScheme.primary.withOpacity(0.15); |
| |
| return ReorderableListView.builder( |
| padding: const EdgeInsets.symmetric(horizontal: 40), |
| itemCount: _items.length, |
| itemBuilder: (BuildContext context, int index) { |
| return 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); |
| }); |
| }, |
| ); |
| } |
| } |