我正在尝试在flutter应用程序的页面上使用多个floatActionButtons,但由于互联网上的说明不清楚,因此我无法解决自己的问题。我希望 float 操作按钮位于应用程序的右下方。当前代码正确地具有两个 float Action 按钮,但它们显示在右上方。有人可以让我知道怎么做吗。谢谢!这是我的最新代码,在右上角放置了两个floatactionbutton,但在右下角则需要它们。

@override
Widget build(BuildContext context) {
  return new Scaffold(
    floatingActionButton: Column(
      children: <Widget>[
      FloatingActionButton(
        heroTag: "btn1",
        child: Icon(Icons.add),
        onPressed: () {
          setState(() {
            list.add(list.length);
          });
        }),
        FloatingActionButton(
          heroTag: "btn2",
          child: Icon(Icons.add),
          onPressed: () {
            setState(() {
              list.add(list.length);
            });
          }),
      ]), //column end

最佳答案

您可以使用如下形式:

floatingActionButton: Stack(
      children: <Widget>[
        Padding(padding: EdgeInsets.only(bottom:80),
        child: Align(
          alignment: Alignment.bottomRight,
          child: FloatingActionButton(
            heroTag: "btn1",
            onPressed: (){},
            child: Icon(Icons.camera_alt),),
        ),),

        Align(
          alignment: Alignment.bottomRight,
          child: FloatingActionButton(
            heroTag: "btn2",
            onPressed: (){},
          child: Icon(Icons.add_photo_alternate),),
        ),
      ],
      )

07-27 17:24