dart - Flutter - 中心的 FloatingActionButton

是否可以将 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: (){}
    )
  );
}

最佳答案

自从第一次回答这个问题以来,我不知道这是否被添加,但现在 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

https://stackoverflow.com/questions/44713501/

相关文章:

dart - flutter 位置堆栈小部件在中心

Flutter:删除按钮中的填充 - FlatButton、ElevatedButton、Outli

dart - 如何在 flutter 中将图像转换为base64图像?

flutter - 如何在 Flutter 中获取当前选项卡索引

dart - 如何在 Flutter 中显示动画图片?

flutter - 使连续的按钮在 flutter 中具有相同的宽度

Flutter - 如何在 ListView 中居中小部件

linux - 设置 flutter 路径时遇到问题 - 找不到 flutter 命令

flutter - 如何在 Flutter 中将图像上传到服务器?

dart - 如何将future<>分配给flutter中的小部件?