ActionChip avatar still does not respect padding #116508
Labels
a: quality
A truly polished experience
f: material design
flutter/packages/flutter/material repository.
found in release: 3.3
Found to occur in 3.3
found in release: 3.7
Found to occur in 3.7
framework
flutter/packages/flutter repository. See also f: labels.
has reproducible steps
The issue has been confirmed reproducible and is ready to work on
P2
Important issues not at the top of the work list
team-design
Owned by Design Languages team
triaged-design
Triaged by Design Languages team
Comments
|
I can reproduce this on the latest versions of flutter. This seems to be an issue with M2 as it works just fine in M3. screenshots
updated sampleimport 'package:flutter/material.dart';
void main() {
runApp(const MyApp());
}
final ValueNotifier useMaterial3Notifier = ValueNotifier(false);
class MyApp extends StatelessWidget {
const MyApp({super.key});
// This widget is the root of your application.
@override
Widget build(BuildContext context) {
return ValueListenableBuilder(
valueListenable: useMaterial3Notifier,
builder: (context, value, child) {
return MaterialApp(
title: 'Flutter Demo',
theme: ThemeData(
primarySwatch: Colors.blue,
useMaterial3: value,
),
home: const MyHomePage(title: 'Flutter Demo Home Page'),
);
}
);
}
}
class MyHomePage extends StatefulWidget {
const MyHomePage({super.key, required this.title});
final String title;
@override
State<MyHomePage> createState() => _MyHomePageState();
}
class _MyHomePageState extends State<MyHomePage> {
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text(widget.title),
),
body: Padding(
padding: const EdgeInsets.all(16.0),
child: Wrap(
spacing: 8.0,
runSpacing: 8.0,
children: const [
ActionChip(
// padding: EdgeInsets.all(16),
label: Text('ActionChip'),
avatar: Icon(Icons.square),
),
ActionChip(
padding: EdgeInsets.all(16),
label: Text('ActionChip'),
avatar: Icon(Icons.square),
),
],
),
),
floatingActionButton: FloatingActionButton(
onPressed: () {
useMaterial3Notifier.value = !useMaterial3Notifier.value;
},
),
);
}
}flutter doctor -v |
danagbemava-nc
added
framework
flutter-triage-bot
bot
added
multiteam-retriage-candidate
team-design
flutter-triage-bot
bot
removed
the
triaged-design
|
This issue is missing a priority label. Please set a priority label when adding the |
Piinks
added
triaged-design
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Sorry this issue is a bit shorter, I made it very detailed and then when submitting I got a 500 error from github, so have to recreate it all over again...
Related issue
Seems to have been reported and fixed before, but issue still persists on version 3.3.9: #28277
Steps to Reproduce
flutter runon the code sampleExpected results: Aligned label and avatar
Actual results: Label and avatar do not align (see screenshot below)
Code sample
Dartpad link: https://dartpad.dev/?id=161f773a774c17db5ba3022e01f3b004
Logs
flutter run -vlogs:flutter-output.log
The text was updated successfully, but these errors were encountered: