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'),
);
}
Was this page's content helpful?
Thank you for your feedback!
Provide details Thank you for your feedback! Please let us know what we can do to improve.
Provide details Unless stated otherwise, the documentation on this site reflects Dart 3.8.1. Page last updated on 2025-05-08. View source or report an issue.