Flutter 具有多个浮动操作按钮的颤振

Flutter 具有多个浮动操作按钮的颤振,flutter,dart,Flutter,Dart,我试图在一个flutter应用程序的页面上有多个floatingActionButtons,但由于互联网上的说明不清楚,我一直无法解决自己的问题。我希望浮动操作按钮位于应用程序的右下角。当前代码正确地有两个floatingAction按钮,但它们显示在右上角。有人能告诉我怎么做吗。谢谢这是我的curret代码,它将两个floatingAction按钮放在右上角,但我希望它们放在右下角 @override Widget build(BuildContext context) { return

我试图在一个flutter应用程序的页面上有多个floatingActionButtons,但由于互联网上的说明不清楚,我一直无法解决自己的问题。我希望浮动操作按钮位于应用程序的右下角。当前代码正确地有两个floatingAction按钮,但它们显示在右上角。有人能告诉我怎么做吗。谢谢这是我的curret代码,它将两个floatingAction按钮放在右上角,但我希望它们放在右下角

@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:列(
儿童:[
浮动操作按钮(
heroTag:“btn1”,
子:图标(Icons.add),
已按下:(){
设置状态(){
list.add(list.length);
});
}),
浮动操作按钮(
heroTag:“btn2”,
子:图标(Icons.add),
已按下:(){
设置状态(){
list.add(list.length);
});
}),
]),//列结束

您可以使用以下内容:

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),),
        ),
      ],
      )
floatingActionButton:堆栈(
儿童:[
填充(填充:仅限边集(底部:80),
子对象:对齐(
对齐:对齐。右下角,
子:浮动操作按钮(
heroTag:“btn1”,
按下:(){},
子:图标(Icons.camera\u alt),
),),
对齐(
对齐:对齐。右下角,
子:浮动操作按钮(
heroTag:“btn2”,
按下:(){},
子项:图标(图标。添加照片\u替换),
),
],
)

您可以使用以下内容:

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),),
        ),
      ],
      )
floatingActionButton:堆栈(
儿童:[
填充(填充:仅限边集(底部:80),
子对象:对齐(
对齐:对齐。右下角,
子:浮动操作按钮(
heroTag:“btn1”,
按下:(){},
子:图标(Icons.camera\u alt),
),),
对齐(
对齐:对齐。右下角,
子:浮动操作按钮(
heroTag:“btn2”,
按下:(){},
子项:图标(图标。添加照片\u替换),
),
],
)

在你的应用程序中可能是有意义的,但材料设计不鼓励这种做法。如果你仍然想这样做,请在应用程序中使用带有两个按钮的列作为儿童可能是有意义的,但材料设计不鼓励这种做法。如果你仍然想这样做,请使用带有两个按钮的列作为childrenThanks@Lucas Lima da Silva!我做了一个小小的更正,但这是正确的答案。就是这样!谢谢你!谢谢你!我做了一个小小的更正,但这是正确的答案。就是这样!谢谢你