跳到主要內容

use_decorated_box

使用 'DecoratedBox' 而不是僅包含 'Decoration' 的 'Container'。

描述

#

當建立的 Container 僅設定了 decoration 時,分析器會生成此診斷資訊。

示例

#

以下程式碼會產生此診斷資訊,因為容器中唯一設定的屬性是 decoration

dart
import 'package:flutter/material.dart';

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

常見修復方法

#

Container 替換為 DecoratedBox

dart
import 'package:flutter/material.dart';

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