目錄

use_decorated_box

目錄

使用 DecoratedBox。

此規則自 Dart 2.16 起提供。

此規則有可用的快速修復。

詳細資訊

#

當 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

除非另有說明，否則本網站上的文件反映 Dart 3.6.0。頁面最後更新於 2024-07-03。檢視原始碼或回報問題。