首页 > 解决方案 > 如何在 Flutter 的 Stack Widget 中添加多个浮动按钮

问题描述

使用Stack Widget将一个视图置于另一个视图之上。它工作正常。现在我需要在屏幕底部的左侧和右侧添加两个浮动按钮。我在右侧添加了一个按钮,但我不知道如何在左侧添加浮动按钮。简单如下图。

在此处输入图像描述

任何帮助都会很明显

标签: dartwidgetstackflutter

解决方案


您可以使用小Align部件将您FloatingActionButton.Stack

Stack(
  children: <Widget>[
    Align(
      alignment: Alignment.bottomLeft,
      child: FloatingActionButton(...),
    ),
    Align(
      alignment: Alignment.bottomRight,
      child: FloatingActionButton(...),
    ),
  ],
)

一个按钮使用常量Alignment.bottomLeft作为其alignment属性,另一个则分别使用Alignment.bottomRight


推荐阅读