mirror of
https://github.com/flutter/flutter.git
synced 2025-06-03 00:51:18 +00:00
ccf42dde88
fixes [Chip widget's avatar padding changing if label text is more than 1 line](https://github.com/flutter/flutter/issues/136892) ### Code sample <details> <summary>expand to view the code sample</summary> ```dart import 'package:flutter/material.dart'; List<String> strings = [ 'hello good morning', 'hello good morning hello good morning', 'hello good morning hello good morning hello good morning' ]; void main() => runApp(const MyApp()); class MyApp extends StatelessWidget { const MyApp({super.key}); @override Widget build(BuildContext context) { return MaterialApp( debugShowCheckedModeBanner: false, home: Scaffold( body: Center( child: Row( mainAxisAlignment: MainAxisAlignment.spaceEvenly, children: [ Column( mainAxisSize: MainAxisSize.min, crossAxisAlignment: CrossAxisAlignment.center, children: [ const Text( 'avatarBoxConstraints: null \ndeleteIconBoxConstraints: null', textAlign: TextAlign.center), for (String string in strings) Padding( padding: const EdgeInsets.all(8.0), child: RawChip( label: Container( width: 150, color: Colors.amber, child: Text( string, maxLines: 3, overflow: TextOverflow.ellipsis, ), ), avatar: const Icon(Icons.settings), onDeleted: () {}, ), ), ], ), Column( mainAxisSize: MainAxisSize.min, crossAxisAlignment: CrossAxisAlignment.center, children: [ const Text( 'avatarBoxConstraints: BoxConstraints.tightForFinite() \ndeleteIconBoxConstraints: BoxConstraints.tightForFinite()', textAlign: TextAlign.center), for (String string in strings) Padding( padding: const EdgeInsets.all(8.0), child: RawChip( avatarBoxConstraints: const BoxConstraints.tightForFinite(), deleteIconBoxConstraints: const BoxConstraints.tightForFinite(), label: Container( width: 150, color: Colors.amber, child: Text( string, maxLines: 3, overflow: TextOverflow.ellipsis, ), ), avatar: const Icon(Icons.settings), onDeleted: () {}, ), ), ], ), ], ), ), ), ); } } ``` </details> ### Preview  # Example previews  
76 lines
2.0 KiB
Dart
76 lines
2.0 KiB
Dart
// 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.
|
|
|
|
import 'package:flutter/material.dart';
|
|
|
|
/// Flutter code sample for [ChipAttributes.avatarBoxConstraints].
|
|
|
|
void main() => runApp(const AvatarBoxConstraintsApp());
|
|
|
|
class AvatarBoxConstraintsApp extends StatelessWidget {
|
|
const AvatarBoxConstraintsApp({super.key});
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return const MaterialApp(
|
|
home: Scaffold(
|
|
body: Center(
|
|
child: AvatarBoxConstraintsExample(),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
}
|
|
|
|
class AvatarBoxConstraintsExample extends StatelessWidget {
|
|
const AvatarBoxConstraintsExample({super.key});
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return const Column(
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
children: <Widget>[
|
|
RawChip(
|
|
avatarBoxConstraints: BoxConstraints.tightForFinite(),
|
|
avatar: Icon(Icons.star),
|
|
label: SizedBox(
|
|
width: 150,
|
|
child: Text(
|
|
'One line text.',
|
|
maxLines: 3,
|
|
overflow: TextOverflow.ellipsis,
|
|
),
|
|
),
|
|
),
|
|
SizedBox(height: 10),
|
|
RawChip(
|
|
avatarBoxConstraints: BoxConstraints.tightForFinite(),
|
|
avatar: Icon(Icons.star),
|
|
label: SizedBox(
|
|
width: 150,
|
|
child: Text(
|
|
'This text will wrap into two lines.',
|
|
maxLines: 3,
|
|
overflow: TextOverflow.ellipsis,
|
|
),
|
|
),
|
|
),
|
|
SizedBox(height: 10),
|
|
RawChip(
|
|
avatarBoxConstraints: BoxConstraints.tightForFinite(),
|
|
avatar: Icon(Icons.star),
|
|
label: SizedBox(
|
|
width: 150,
|
|
child: Text(
|
|
'This is a very long text that will wrap into three lines.',
|
|
maxLines: 3,
|
|
overflow: TextOverflow.ellipsis,
|
|
),
|
|
),
|
|
),
|
|
],
|
|
);
|
|
}
|
|
}
|