use_decorated_box
DecoratedBox を使用します。
詳細
#Container が Decoration のみを持つ場合は、DecoratedBox を使用してください。
Container は DecoratedBox よりも重いウィジェットであり、さらに 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代わりに linter ルールを設定するために YAML マップ構文を使用している場合は、linter > rules の下に use_decorated_box: true を追加します。
analysis_options.yaml
yaml
linter:
rules:
use_decorated_box: true