43

如果我想Buttons在 a中制作两个或更多Row相同的Width,我该怎么做?例如,我有三个RaisedButtons不同的标题,可以说,Approve如果我把三个s 放在 a 中,它们会有不同的,我不想要它。我需要的是因为他们有相同的.RejectNeed ReviseButtonRowWidthWidth

4

3 回答 3

114

您可以使用以下方式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,
      ),
    )
  ],
);
于 2018-10-01T02:53:49.450 回答
6

有两种方法:

  1. 扩展的小部件它将空间分成相等的部分。如果您将所有展开的小部件用于列的行。
  2. 获取屏幕的宽度并将其平均划分为所需的大小。

双倍宽度 = MediaQuery.of(context).size.width;

于 2018-10-01T03:01:45.213 回答
1

可以使用新的按钮样式:

ElevatedButtonTheme(
      data: ElevatedButtonThemeData(style: ElevatedButton.styleFrom(minimumSize: Size(120,60))) ,
      child: ButtonBar(
        mainAxisSize: MainAxisSize.max,
        children: [
          ElevatedButton(
            child: Text('Ok'),
            onPressed: () {},
          ),
          ElevatedButton(
            child: Text('Cancel'),
            onPressed: () {},
          ),
        ],
      ),
    ),

虽然diegoveloper的回答更快

于 2021-11-17T15:09:33.783 回答