跳到主要内容

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('...'),
  );
}