Skip to main content

use_colored_box

Use a 'ColoredBox' rather than a 'Container' with only a 'Color'.

Description

#

The analyzer produces this diagnostic when a Container is created that only sets the color.

Example

#

The following code produces this diagnostic because the only attribute of the container that is set is the color:

dart
import 'package:flutter/material.dart';

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

Common fixes

#

Replace the Container with a ColoredBox:

dart
import 'package:flutter/material.dart';

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