Как центрировать FloatingActionButton по горизонтали в Flutter?

Question

Я хочу центрировать FloatingActionButton по горизонтали на экране, но, похоже, я не могу найти какой-либо ресурс о том, как это сделать .. Это мой код флаттера ..

  void main() => runApp(MaterialApp(
  home: Home()
));

class Home extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
        appBar: AppBar(
          title: Text('My App'),
          centerTitle: true,
          backgroundColor: Colors.brown[700],
        ),
        floatingActionButton: FloatingActionButton(
          onPressed: () {
            // Add your onPressed code here!
          },
          child: Icon(Icons.add),
          backgroundColor: Colors.brown[700],
        ),
        backgroundColor: Colors.white70
    );
  }
}

Answer 1

Добавьте это к вашему Scaffold:

floatingActionButtonLocation: FloatingActionButtonLocation.centerFloat

Answer 2

Попробуйте:

floatingActionButton: Center(
          child: FloatingActionButton(
            onPressed: () {
              // Add your onPressed code here!
            },
            child: Icon(Icons.add),
            backgroundColor: Colors.brown[700],
          ),
        ),

Результат

Answer 3

Так что это свойство floatctionctionButton для Scaffold. Вы можете поместить его в тело, а затем использовать виджет «Центр», «Столбец» или «Строка», чтобы отцентрировать его. В противном случае просто оберните FloatingActionButton в строку с mainaxisalignment: MainaxisAlignment.center. Вы можете назначить множество виджетов свойству плавающего действия Actionfront, а не только FloatingActionButtons. Надеюсь, это поможет.

Редактировать: тогда это будет выглядеть так:

Scaffold(
    floatingActionButton: Row(
         mainAxisAlignment: MainAxisAlignment.center,
         children: [
             FloatingActionButton()
          ],
    ),
),