`use_colored_box` 린트 규칙: ColoredBox 사용하기

use_colored_box는 Container가 색상(Color)만 가지고 있을 때 ColoredBox를 쓰도록 알려주는 린트 규칙이에요. 성능·스타일 측면에서 더 가벼운 위젯을 권장하는 규칙이에요.

출처: use_colored_box

본문

Container가 오직 Color만 가질 때는 ColoredBox를 사용하세요. Container는 ColoredBox보다 무거운 위젯이에요. 게다가 보너스로 ColoredBox는 const 생성자를 가지고 있어서 상수로 만들 수 있어요.

BAD:

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

Container를 색상 하나만 넣고 쓰고 있어요. 무겁고, const로도 못 만들어요.

GOOD:

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

ColoredBox로 바꾸니 가볍고 const 생성자도 사용할 수 있어요.

use_colored_box 규칙을 켜려면 analysis_options.yaml 파일의 linter > rules에 use_colored_box를 추가해요.

linter:
  rules:
    - use_colored_box

YAML 맵 문법을 쓴다면 linter > rules 아래에 use_colored_box: true를 넣으면 돼요.

linter:
  rules:
    use_colored_box: true