Question

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

如果屏幕是可滚动的，它仍然会留在那里。我没有使用BottomNavigation Bar来实现这个功能，因为我认为它不合适。

我用过

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

此方法用于固定单一按钮。但是，这不允许 2 个按钮。有时我想为用户提供一个选项，例如本页的选项 A，下一页的选项 B。

您对此有何看法？

Answer 1

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

Answer 2

您可以为 Row 属性提供一个 floatingActionButton 小部件，并根据您的需要调整按钮。

示例

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

如何将按钮与屏幕底部对齐？ [扑]

2 个答案: