全宽与列子不工作答案

【问题标题】：Full width with column children not working全宽与列子不工作
【发布时间】：2020-11-15 15:36:34
【问题描述】：

我有一行有 2 个孩子，1 个孩子是包含另外 2 个项目的列，第二行项目有一个扩展的小部件，里面有一个按钮。我正在尝试使两个行项目全宽。

我为两个孩子添加了一个expanded 小部件。只有 1 项的行子项的结果完美运行，但是在其中有一个嵌套列的行项的结果，expanded 小部件使其高度全屏，同时保持较小的宽度。

如何使两个行子的宽度为 50%，高度为 100px？

以下是我想要的结果：

这就是我得到的：

【问题讨论】：

如果您可以包含某种视觉效果，那么了解问题和目标会很棒。
@JigarPatel 是的，这令人困惑。感谢您指出了这一点！刚刚添加的图片
您是否尝试仅将您的按钮包裹在 Expanded 小部件中？
将 crossAxisAlignment 设置为 CrossAxisAlignment.stretch stackoverflow.com/questions/53850149/…

标签： flutter

【解决方案1】：

你可以做这样的事情..

Row(
      children: [
        Expanded(
          child: Column(
            mainAxisSize: MainAxisSize.min,
            crossAxisAlignment: CrossAxisAlignment.stretch,
            children: [
              Text('Some other text'),
              RaisedButton(
                child: Text('Button'),
                onPressed: (){},
              ),
            ],
          ),
        ),
        Expanded(
          child: RaisedButton(
            child: Text('Button'),
            onPressed: (){},
          ),
        ),
      ],
    )

【讨论】：