目次

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.5.3を反映しています。最終更新日：2024年7月3日。 ソースコードを見る または 問題を報告する。