Flutter ButtonBar Children Size

Question

I am working on an app in Flutter, and I want to use ButtonBar. however, when trying to make the children utilize the space the buttons only utilize the minimal space

        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()));
                },
              ),
            ],
          ),
        ),

Any idea how to get the button to utilize more space

I found a solution [here](https://stackoverflow.com/questions/50014342/button-width-match-parent-flutter/50017126#50017126) and it does work. — Mustafa ALMulla, Jun 09 '19 at 15:28

score -1 · Answer 1 · answered Jun 08 '19 at 19:39

You can edit the button size with ButtonTheme property

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

Secondly,

You can try to wrap the buttons with Expanded widget

        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()));
                  },
                ),
              ),
            ],
          ),
        ),

Thanks, I will try the size, but the expanded does not work for ButtonBar children — Mustafa ALMulla, Jun 08 '19 at 19:42

Flutter ButtonBar Children Size

1 Answers1