使行中的按钮在颤动中具有相同的宽度

Question

如果我要使两个或多个按钮连续具有相同的宽度，该如何做？ 例如，我有三个带有不同标题的凸起按钮，请说“批准”，“拒绝”和“需要修订”，如果我将这三个按钮连续放置，它们的宽度将有所不同，我不希望这样。 我需要的是它们具有相同的宽度。

Answer 1

您可以使用Row用Expanded包裹孩子：

        Row(children: <Widget>[
                    Expanded(
                      child: RaisedButton(
                        child: Text("Approve"),
                        onPressed: () => null,
                      ),
                    ),
                    Expanded(
                      child: RaisedButton(
                        child: Text("Reject"),
                        onPressed: () => null,
                      ),
                    ),
                    Expanded(
                      child: RaisedButton(
                        child: Text("Need Revise"),
                        onPressed: () => null,
                      ),
                    )
                  ])

Answer 2

有一种方法。

1）扩展小部件，它将等分空间。如果您将所有展开的小部件都用于列的行。

2）获得屏幕的宽度并划分为任意按钮。

Double width = MediaQuery.of(context).size.width;