Flutter：ListTile的subtitle中Container无法指定宽度问题

我想要实现指定的设计效果，使用ListTile组件时，在subtitle中嵌套Container会占据ListTile的全部宽度，尝试用constraints约束或直接设置width属性都没有效果，以下是可行的解决方法：

核心原因 #

ListTile的subtitle区域默认会扩展至父组件的最大可用宽度，Container在未被限制的情况下会继承这个宽度，导致设置width无效。

解决方法 #

方法1：用Wrap包裹Container #

Wrap会根据子组件的实际尺寸布局，不会强制占满父容器宽度，适合单个或多个需要自动换行的标签类组件：

ListTile(
  title: const Text('示例标题'),
  subtitle: Wrap(
    spacing: 8.0, // 可选：多个Container之间的间距
    children: [
      Container(
        width: 120,
        padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 4),
        decoration: BoxDecoration(
          color: Colors.grey[200],
          borderRadius: BorderRadius.circular(4),
        ),
        child: const Text('标签文本'),
      ),
      // 可添加更多Container实现多标签
    ],
  ),
)

方法2：用Row结合MainAxisSize.min #

Row设置mainAxisSize: MainAxisSize.min后，仅会占据子组件所需的宽度，适合单个或固定数量的组件：

ListTile(
  title: const Text('示例标题'),
  subtitle: Row(
    mainAxisSize: MainAxisSize.min,
    children: [
      Container(
        width: 120,
        padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 4),
        decoration: BoxDecoration(
          color: Colors.grey[200],
          borderRadius: BorderRadius.circular(4),
        ),
        child: const Text('标签文本'),
      ),
    ],
  ),
)

内容的提问来源于stack exchange，提问作者Afnan