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:
Widget buildArea() {
return Container(
decoration: const BoxDecoration(
color: Colors.blue,
borderRadius: BorderRadius.all(
Radius.circular(5),
),
),
child: const Text('...'),
);
}
GOOD:
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:
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:
linter:
rules:
use_decorated_box: true
Unless stated otherwise, the documentation on this site reflects Dart 3.9.2. Report an issue.