Flutter & AlertDialog：如何将我的 AlertDialog 对齐到屏幕底部？

Question

Flutter 和 AlertDialog：如何将 AlertDialog 对齐到屏幕底部？ AlertDialog 通常出现在屏幕中间。怎么放在屏幕底部？

   showDialog(
       return AlertDialog(
          content : Container()
       );
    )

Answer 1

为什么要使用 showdialog？要从屏幕底部弹出一个部分，您需要使用底部 sheet 行为和 showBottomSheet 方法。下面是如何使用底部sheet:

showBottomSheet(context: context, builder: (BuildContext context){
      return Container(
        child: ListView(
          children: [
            ListTile(title: Text('title 1'),),
            ListTile(title: Text('title 2'),),
            ListTile(title: Text('title 3'),),
          ],
        ),
      );
    });

我建议您使用 flutter_modal_bottom_sheet 插件。此插件为 Material 和 Cupertino 设计提供了许多底部 sheet 行为。例如：

安装插件后，您可以像这样使用它进行 material 设计：

showMaterialModalBottomSheet(
  context: context,
  builder: (context, scrollController) => Container(),
)

或 ios 库比蒂诺设计：

showCupertinoModalBottomSheet(
  context: context,
  builder: (context, scrollController) => Container(),
)

Flutter & AlertDialog：如何将我的 AlertDialog 对齐到屏幕底部？

Flutter & AlertDialog : How do I align my AlertDialog to the bottom of the screen?

android-alertdialog

flutter