如何修复ListView中ElevatedButton的尺寸问题？

ElevatedButton默认会填充父容器的可用宽度，这就是你用ConstrainedBox没效果的核心原因——按钮自身的布局优先级高于外层约束。可以通过以下两种方式解决：

方法一：直接设置按钮的ButtonStyle #

修改ElevatedButton的style参数，通过fixedSize指定固定尺寸，无需额外嵌套ConstrainedBox：

ElevatedButton(
  onPressed: () async {
    types.Room room = await FirebaseChatCore.instance.createRoom(user!);
    if (!mounted) return;
    Navigator.of(context).push(
      MaterialPageRoute(
        builder: (context) => ChatPage(room: room),
      ),
    );
  },
  style: ElevatedButton.styleFrom(
    fixedSize: const Size(200, 35), // 直接指定固定宽高
    backgroundColor: Colors.blue, // 按钮背景色直接在这里设置，无需嵌套Container
  ),
  child: const Text("Send Message"),
)

注意：你之前在按钮child里嵌套Container设置背景是冗余操作，styleFrom的backgroundColor可以直接控制按钮背景，简化层级。

方法二：用Align/Center包裹按钮（保留ConstrainedBox的场景） #

如果需要保留ConstrainedBox，要给按钮套一层Align或Center，打破父容器“强制占满宽度”的约束：

Align(
  alignment: Alignment.center, // 可根据需求调整对齐方式
  child: ConstrainedBox(
    constraints: BoxConstraints.tight(const Size(200, 35)),
    child: ElevatedButton(
      onPressed: () async {
        types.Room room = await FirebaseChatCore.instance.createRoom(user!);
        if (!mounted) return;
        Navigator.of(context).push(
          MaterialPageRoute(
            builder: (context) => ChatPage(room: room),
          ),
        );
      },
      style: ElevatedButton.styleFrom(
        backgroundColor: Colors.blue,
      ),
      child: const Text("Send Message"),
    ),
  ),
)

核心逻辑：Column、ListView这类父容器默认会给子组件传递“尽可能占满宽度”的约束，Align/Center会截断这个约束，让按钮只占用自身所需空间，此时ConstrainedBox的尺寸限制才会生效。

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