我正在尝试在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),),
),
],
)