跳至主要內容

use_decorated_box

穩定
可用修復

使用 DecoratedBox

詳細資訊

#

Container 僅具有 Decoration 時,請務必使用 DecoratedBox

Container 是比 DecoratedBox 更重的 Widget,而且額外的好處是 DecoratedBox 具有 const 建構子。

錯誤範例

dart
Widget buildArea() {
  return Container(
    decoration: const BoxDecoration(
      color: Colors.blue,
      borderRadius: BorderRadius.all(
        Radius.circular(5),
      ),
    ),
    child: const Text('...'),
  );
}

正確範例

dart
Widget buildArea() {
  return const DecoratedBox(
    decoration: BoxDecoration(
      color: Colors.blue,
      borderRadius: BorderRadius.all(
        Radius.circular(5),
      ),
    ),
    child: Text('...'),
  );
}

啟用

#

若要啟用 use_decorated_box 規則,請在您的 analysis_options.yaml 檔案中,於 linter > rules 下新增 use_decorated_box

analysis_options.yaml
yaml
linter:
  rules:
    - use_decorated_box

如果您改用 YAML map 語法來設定 linter 規則,請在 linter > rules 下新增 use_decorated_box: true

analysis_options.yaml
yaml
linter:
  rules:
    use_decorated_box: true