Flutter：具有显式大小的子按钮填充容器大小答案

【问题标题】：Flutter: child button filling container size with explicit sizeFlutter：具有显式大小的子按钮填充容器大小
【发布时间】：2021-10-14 18:59:24
【问题描述】：

我正在尝试将一个按钮嵌套在具有特定背景颜色的容器中。我在Container 和嵌套在其中的MaterialButton 上设置高度。我希望 MaterialButton 在高度为 100 的容器中保持 40 的高度。相反，MaterialButton 被拉伸到容器的高度和宽度。

Container(
                    color: lightBackground,
                    height: 100,
                    width: double.infinity,
                    child: MaterialButton(
                      height: 40,
                      child: Text('Hi'),
                      color: primaryColor,
                      onPressed: () {},
                    ))

有人知道如何解决这个问题吗？谢谢。

【问题讨论】：

标签： flutter flutter-layout

【解决方案1】：

简单的解决方案是为Container 设置alignment: Alignment.center，或者用Center 小部件包装Button。

例如：

Container(
   height: 100,
   alignment: Alignment.center,
   child: ...
)

长篇大论与 Flutter 布局约束有关。你可以在official doc here阅读更多关于它的信息。

【讨论】：