Skip to main content

use_colored_box

Details about the 'use_colored_box' diagnostic produced by the Dart analyzer.

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'));
}