时间戳

首页 > 解决方案 > 列表最后一项上的 FloatingActionButton

flutter - 列表最后一项上的 FloatingActionButton

问题描述

我有一个带有FloatingActionButton. 我想让列表在之前完成，FloatingActionButton因为列表的最后一项不再可见（FAB 它在列表项之上）

return Scaffold(
    body: ListView(
      scrollDirection: Axis.vertical,
      controller: _scrollController,
      shrinkWrap: true,
      children: <Widget>[
        _buildUpcomingExpansionTileEvents(myUpcomingEvents),
        _buildPastExpansionTileEvents(myPastEvents),
      ],
    ),
    floatingActionButton: UnicornDialer(
        parentButtonBackground: Colors.blue,
        orientation: UnicornOrientation.VERTICAL,
        parentButton: Icon(OMIcons.add),
        childButtons: childButtons));

我怎样才能更改我的列表以完成一个空项目？或者这个问题的最佳解决方案是什么？

标签： flutterdartflutter-layoutfloating-action-button

解决方案

FloatingActionButton56非迷你和迷你的尺寸为40，所以你可以做的是padding使用ListView：

ListView(
  padding: EdgeInsets.only(bottom: 56), // if you have non-mini FAB else use 40
  // ...
),

推荐阅读