Флаттер ButtonBar Детский размер - PullRequest
0 голосов
/ 08 июня 2019

Я работаю над приложением во Флаттере и хочу использовать 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()));
                },
              ),
            ],
          ),
        ),

enter image description here

Любая идея, как заставить кнопкуиспользовать больше места

1 Ответ

0 голосов
/ 08 июня 2019

Размер кнопки можно изменить с помощью свойства ButtonTheme

Минимальный размер поднятых кнопок - 88,0 на 36,0, который можно переопределить с помощью ButtonTheme.

Во-вторых,

Вы можете попробовать обернуть кнопки с помощью 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()));
                  },
                ),
              ),
            ],
          ),
        ),
...