Flutter Row嵌套ListView出现右侧溢出，如何实现固定图标横向滚动布局

Row布局对横向排布的子元素默认传入无最大宽度的约束。原始代码中左侧图标Container没有设置固定宽度、右侧ListView外层没有绑定明确的可用宽度边界，两个子元素累加的占位宽度超过屏幕物理宽度，就会触发Right Overflow（右侧溢出）报错。

要同时满足图标位置固定、列表支持横向滚动、彻底消除溢出警告三个需求，调整动作只有两个核心要点：

• 给左侧放置图标的Container设置明确固定宽度，锁定它在Row中的占位大小，位置不会被后续内容挤压偏移
• 用Expanded组件包裹右侧承载ListView的Container，让列表区域自动占据Row中除了固定图标宽度之外的全部剩余空间，给ListView传入明确的最大宽度约束，从根源上避免无边界约束导致的越界

return Row(
  children: [
    // 左侧固定图标容器
    Container(
      width: 60, // 可根据图标实际尺寸灵活调整
      height: 150,
      color: Colors.amber,
      child: Column(
        mainAxisAlignment: MainAxisAlignment.spaceEvenly,
        children: [
          IconButton(
            iconSize: 20,
            icon: Icon(Icons.add_circle_outline),
            onPressed: () {
              print('hello');
            },
          ),
        ],
      ),
    ),
    // 右侧横向滚动列表容器
    Expanded(
      child: Container(
        color: Colors.white,
        height: 150,
        child: ListView(
          shrinkWrap: true,
          scrollDirection: Axis.horizontal,
          children: [
            Card(
              child: Container(
                color: Colors.grey,
                width: 150,
                child: Text('hello'),
              ),
            ),
            Card(
              child: Container(
                color: Colors.grey,
                width: 150,
              ),
            ),
          ],
        ),
      ),
    ),
  ],
);

• 左侧带IconButton的容器会始终固定在布局左侧，不会随列表滚动发生位置偏移
• 右侧卡片组支持自由横向滚动，滚动范围被严格限制在可用容器区域内
• 完全消除右侧溢出的布局警告

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