как центрировать FloatingActionButton внутри persistentFooterButtons

Question

Может кто-нибудь объяснить мне, как я могу центрировать FloatingActionButton внутри persistentFooterButtons.я что-то здесь упускаю.

  List _footer() {
return <Widget>[
  new ButtonBar(
    children: <Widget>[
      new Container(
        child: new Row(
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            new FloatingActionButton(
              backgroundColor: Colors.redAccent,
              onPressed: () => {},
            ),
          ],
        ),
      )
    ],
  )
];}

===

 @override  Widget build(BuildContext context) {
return new Scaffold(
  appBar: new AppBar(
    title: new Text("Question"),
  ),
  body: _body(),
  persistentFooterButtons: _footer(),
);  }

Answer 1

Я посмотрел код Scaffold, ниже показано, как создавались persistentFooterButtons:

new Container(
  decoration: new BoxDecoration(
    border: new Border(
      top: Divider.createBorderSide(context, width: 1.0),
    ),
  ),
  child: new SafeArea(
    child: new ButtonTheme.bar(
      child: new SafeArea(
        top: false,
        child: new ButtonBar(
          children: widget.persistentFooterButtons
        ),
      ),
    ),
  ),
)

Здесь вы можете видеть, что ваши кнопки обернуты кнопочной панелью.Теперь давайте посмотрим на код ButtonBar, приведенный ниже, выравнивание DEFAULT - MainAxisAlignment.end .Я предполагаю, что это соответствует рекомендациям по материалам.

const ButtonBar({
  Key key,
  this.alignment: MainAxisAlignment.end,
  this.mainAxisSize: MainAxisSize.max,
  this.children: const <Widget>[],
}) : super(key: key);

Обновляется структура флаттера, но до сегодня (2018 июня 08 *) вы не можете поместить кнопки в центр, используя persistentFooterButtons,

Решение: Я предлагаю вам следовать моему ответу здесь , чтобы расположить свои кнопки в центре нижней части экрана.