Flutter ButtonBar 儿童尺寸

Question

我正在使用 Flutter 开发一个应用程序，我想使用 ButtonBar。然而，当试图让孩子们利用空间时，按钮只利用最小的空间

        Padding(
          padding: const EdgeInsets.all(8.0),
          child: ButtonBar(
            mainAxisSize: MainAxisSize.max,
            alignment: MainAxisAlignment.center,
            children: <Widget>[
              RaisedButton(
                child: Text('Save'),
                onPressed: () {
                  Navigator.push(context,
                      MaterialPageRoute(builder: (context) => OtpPage()));
                },
              ),
            ],
          ),
        ),

        Padding(
          padding: const EdgeInsets.all(8.0),
          child: ButtonBar(
            mainAxisSize: MainAxisSize.max,
            alignment: MainAxisAlignment.center,
            children: <Widget>[
              RaisedButton(
                child: Text('Save'),
                onPressed: () {
                  Navigator.push(context,
                      MaterialPageRoute(builder: (context) => OtpPage()));
                },
              ),
            ],
          ),
        ),

知道如何让按钮利用更多空间

Answer 1

您可以使用ButtonTheme 属性编辑按钮大小

Raised buttons have a minimum size of 88.0 by 36.0 which can be overridden with ButtonTheme.

其次，

您可以尝试用Expanded 小部件包装按钮

        Padding(
          padding: const EdgeInsets.all(8.0),
          child: ButtonBar(
            mainAxisSize: MainAxisSize.max,
            alignment: MainAxisAlignment.center,
            children: <Widget>[
              Expanded(
                child: RaisedButton(
                  child: Text('Save'),
                  onPressed: () {
                    Navigator.push(context,
                        MaterialPageRoute(builder: (context) => OtpPage()));
                  },
                ),
              ),
            ],
          ),
        ),