对话框中的卡片全屏显示

Question

我在对话框中使用卡片。即使卡片的子代具有固定宽度和高度的容器小部件，它也会占据全屏。 我正在使用以下代码：

showDialog(context: context, builder: (context)
{
  return Card(
    clipBehavior: Clip.antiAlias,
    shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(8.0)),
    elevation: 8.0,
    child: Container(
      width: MediaQuery.of(context).size.width * 0.80,
      height: 300,
      color: const Color(0xFF465A63)
    ),
  );
});

Answer 1

将Card包装在大小受限制的小部件中，例如SizedBox，FractionallySizedBox或Container。使用Center或Align给它指定尺寸并将其放在屏幕上。

默认情况下，showDialog()方法为您提供整个屏幕来组成一个小部件，而不仅仅是AlertDialog()小部件使用的小窗口。