ReorderableListView of Cards doesn't work as it should #124729
Description
Is there an existing issue for this?
Not that I know of.
- I have searched the existing issues
- I have read the guide to filing a bug
Steps to reproduce
- run the code sample
Expected results
It is expected the card to be lifted up (card shadow should be increased to represent the physics of being lifted up) like so:
RPReplay_Final1681335269.mov
Actual results
Instead, the ReorderableList makes a weird padding around the card like so:
Screen.Recording.2023-04-12.at.15.36.23.mov
Code sample
Code sample
import 'package:flutter/material.dart';
void main() {
runApp(const TodayApp());
}
class TodayApp extends StatelessWidget {
const TodayApp({super.key});
@override
Widget build(BuildContext context) {
return MaterialApp(
title: 'Today',
home: ReorderableCard(),
);
}
}
class ReorderableCard extends StatelessWidget {
const ReorderableCard({super.key});
@override
Widget build(BuildContext context) {
return Scaffold(
backgroundColor: Colors.grey,
appBar: AppBar(title: Text('title')),
body: ReorderableListView(
onReorder: (oldIndex, newIndex) => print('reorder'),
children: [
Card(
key: Key('id1'),
color: Colors.white,
child: Container(height: 100, child: Text('card 1')),
),
Card(
key: Key('id2'),
color: Colors.deepPurple.shade900,
child: Container(height: 100, child: Text('card 2')),
),
],
),
);
}
}
Screenshots or Video
Screenshots / Video demonstration
Logs
Logs
[Paste your logs here]Flutter Doctor output
Doctor output
[✓] Flutter (Channel stable, 3.7.8, on macOS 13.2.1 22D68 darwin-arm64, locale en-MX)
• Flutter version 3.7.8 on channel stable at /Users/tomas/code/flutter
• Upstream repository https://github.com/flutter/flutter.git
• Framework revision 90c64ed42b (3 weeks ago), 2023-03-21 11:27:08 -0500
• Engine revision 9aa7816315
• Dart version 2.19.5
• DevTools version 2.20.1
[✗] Android toolchain - develop for Android devices
✗ Unable to locate Android SDK.
Install Android Studio from: https://developer.android.com/studio/index.html
On first launch it will assist you in installing the Android SDK components.
(or visit https://flutter.dev/docs/get-started/install/macos#android-setup for detailed instructions).
If the Android SDK has been installed to a custom location, please use
`flutter config --android-sdk` to update to that location.
[✓] Xcode - develop for iOS and macOS (Xcode 14.2)
• Xcode at /Applications/Xcode.app/Contents/Developer
• Build 14C18
• CocoaPods version 1.12.0
[✓] Chrome - develop for the web
• Chrome at /Applications/Google Chrome.app/Contents/MacOS/Google Chrome
[!] Android Studio (not installed)
• Android Studio not found; download from https://developer.android.com/studio/index.html
(or visit https://flutter.dev/docs/get-started/install/macos#android-setup for detailed instructions).
[✓] VS Code (version 1.77.1)
• VS Code at /Applications/Visual Studio Code.app/Contents
• Flutter extension version 3.62.0
[✓] Connected device (3 available)
• iPhone 14 Pro Max (mobile) • 5B588A40-8346-4AF6-8CD8-3A54F9EC8C0A • ios • com.apple.CoreSimulator.SimRuntime.iOS-16-2
(simulator)
• macOS (desktop) • macos • darwin-arm64 • macOS 13.2.1 22D68 darwin-arm64
• Chrome (web) • chrome • web-javascript • Google Chrome 112.0.5615.49
[✓] HTTP Host Availability
• All required HTTP hosts are availableMetadata
Metadata
Assignees
Labels
flutter/packages/flutter/material repository.Found to occur in 3.10Found to occur in 3.7flutter/packages/flutter repository. See also f: labels.The issue has been confirmed reproducible and is ready to work onIssue is closed as already fixed in a newer versionThere is a workaround available to overcome the issue
Type
Projects
Status