dart - Flutter - 中心的 FloatingActionButton

Question

是否可以将 FloatingActionButton 放在中间而不是右侧？

import 'package:flutter/material.dart';
import 'number.dart';
import 'keyboard.dart';

class ContaPage extends StatelessWidget {
  @override
  Widget build(BuildContext context) => new Scaffold(
    body: new Column(
      children: <Widget>[
        new Number(),
        new Keyboard(),
      ],
    ),
    floatingActionButton: new FloatingActionButton(
      elevation: 0.0,
      child: new Icon(Icons.check),
      backgroundColor: new Color(0xFFE57373),
      onPressed: (){}
    )
  );
}

Answer 1

自从第一次回答这个问题以来，我不知道这是否被添加，但现在 Scaffold 类上有 floatingActionButtonLocation 属性。

在你原来的问题中会这样工作:

class ContaPage extends StatelessWidget {
  @override
  Widget build(BuildContext context) => new Scaffold(
    // ...

    floatingActionButton: new FloatingActionButton(
      // ...FloatingActionButton properties...
    ),

    // Here's the new attribute:

    floatingActionButtonLocation: FloatingActionButtonLocation.centerFloat,
  );
}

另见文档:

• Scaffold 类(搜索floatingActionButtonLocation):https://docs.flutter.dev/flutter/material/Scaffold-class.html
• ...和 ​​FloatingActionButtonLocation 类:https://docs.flutter.dev/flutter/material/FloatingActionButtonLocation-class.html