如何将按钮与屏幕底部对齐?[长笛]

Question

无论是底部的一个按钮还是两个按钮，我都希望在所有屏幕尺寸(Android或iOS(中将它们与屏幕底部对齐。

如果屏幕是可滚动的，它仍然会保持在那里。我没有使用底部导航栏来实现这个功能，因为我认为它不合适。

我使用

Scaffold(
floatingActionButton: FloatingActionButton.extended(
onPressed: () {},
isExtended: true,
materialTapTargetSize: MaterialTapTargetSize.shrinkWrap,
label: Text('Hello World',

),
floatingActionButtonLocation:
FloatingActionButtonLocation.centerDocked,
body:...

这种方法的目的是具有一个固定的奇异按钮。但是，这不允许使用2个按钮。有时我想为用户提供一个选项，例如选项A到本页，选项B到下一页。

你对此有什么看法？

Answer 1

您可以为floatingActionButton属性提供一个Row小部件，并根据您的意愿对齐按钮。

示例

Scaffold(
floatingActionButton: Row(
mainAxisAlignment: MainAxisAlignment.center,
children: [
ElevatedButton(
onPressed: () {},
child: Text("Button 1"),
),
ElevatedButton(
onPressed: () {},
child: Text("Button 2"),
),
],
),
);

Answer 2

Scaffold(
body: Column(
mainAxisAlignment: MainAxisAlignment.end,
children:[ 
floatingActionButton: FloatingActionButton.extended(
onPressed: () {},
isExtended: true,
materialTapTargetSize: MaterialTapTargetSize.shrinkWrap,
label: Text('Hello World',
...
),
floatingActionButtonLocation:
FloatingActionButtonLocation.centerDocked,
...
]