use_colored_box

Use ColoredBox.

This rule is available as of Dart 2.17.

This rule has a quick fix available.

DO use ColoredBox when Container has only a Color.

A Container is a heavier Widget than a ColoredBox, and as bonus, ColoredBox has a const constructor.

BAD:

Widget buildArea() {
  return Container(
    color: Colors.blue,
    child: const Text('hello'),
  );
}

GOOD:

Widget buildArea() {
  return const ColoredBox(
    color: Colors.blue,
    child: Text('hello'),
  );
}

To enable the use_colored_box rule, add use_colored_box under linter > rules in your analysis_options.yaml file:

linter:
  rules:
    - use_colored_box

Unless stated otherwise, the documentation on this site reflects Dart 3.6.0. Page last updated on 2024-07-03. View source or report an issue.