使扩展的 FAB 居中

Question

您如何将 Flutter 中提供的扩展 FAB 与 Material design 规范一样居中？

这里扩展的 FAB 是右对齐的：

new Scaffold(
    floatingActionButton: new FloatingActionButton.extended(
        onTap: () => {},
        label: new Text('See all results')
    }
)

Answer 1

您需要做的就是在Scaffold 上设置floatingActionButtonLocation 属性

class _MyHomePageState extends State<MyHomePage> {
  @override
  Widget build(BuildContext context) {
    return new Scaffold(
      appBar: ...       
      body: ...
      floatingActionButton: MyFloatingActionButton(),
      floatingActionButtonLocation: FloatingActionButtonLocation.centerFloat
    );
  }

class MyFloatingActionButton extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return FloatingActionButton.extended(
          icon: Icon(Icons.plus_one),
          onPressed: () => {},
          label: new Text('See all results'));
  }
}

请注意这是问题的重复：Flutter - FloatingActionButton in the center