dart - 将扩展的 FAB 居中

Question

您如何像 Material 设计规范那样将 Flutter 中提供的扩展 FAB 居中？

这里扩展的 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