dart – Flutter – FloatingActionButton在中心

发布时间：2020-12-14 14:50:59 所属栏目：百科来源：网络整理

导读：是否可以将FloatingActionButton留在中心而不是右侧？ import 'package:flutter/material.dart';import 'number.dart';import 'keyboard.dart';class ContaPage extends StatelessWidget { @override Widget build(BuildContext context) = new Scaffold( bo

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

enter image description here

解决方法

尝试将其包装在Center小部件中,或在Column上使用CrossAxisAlignment of CrossAxisAlignment.center.

您应该选择要包装在Flexible中的一部分,以便折叠以避免溢出,或者使用ListView替换部分或全部,以便用户可以滚动查看隐藏的部分.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!