use_decorated_box
Use DecoratedBox
.
Details
#DO use DecoratedBox
when Container
has only a Decoration
.
A Container
is a heavier Widget than a DecoratedBox
, and as bonus, DecoratedBox
has a const
constructor.
BAD:
dart
Widget buildArea() {
return Container(
decoration: const BoxDecoration(
color: Colors.blue,
borderRadius: BorderRadius.all(
Radius.circular(5),
),
),
child: const Text('...'),
);
}
GOOD:
dart
Widget buildArea() {
return const DecoratedBox(
decoration: BoxDecoration(
color: Colors.blue,
borderRadius: BorderRadius.all(
Radius.circular(5),
),
),
child: Text('...'),
);
}
Enable
#To enable the use_decorated_box
rule, add use_decorated_box
under linter > rules in your analysis_options.yaml
file:
analysis_options.yaml
yaml
linter:
rules:
- use_decorated_box
If you're instead using the YAML map syntax to configure linter rules, add use_decorated_box: true
under linter > rules:
analysis_options.yaml
yaml
linter:
rules:
use_decorated_box: true
Unless stated otherwise, the documentation on this site reflects Dart 3.6.0. Page last updated on 2025-01-27. View source or report an issue.