如何调整ShowDialog的子项

Question

使用showDialog(...builder: ...),我无法确定内容的大小SomeWidget.

怎么了

无论我尝试插入哪些小部件,builder我都无法控制大小.

showDialog(context: context, builder: (context) => Container(
  color: Colors.white,
  width: 10.0,
  height: 10.0,
));

无论哪个值我插入width和height,对话框始终显示全屏.在Container这种情况下会占用全部可用空间.我上面发布的代码将导致以下结果:

显示Android屏幕的全尺寸屏幕截图,其中除导航栏,状态栏和调试标签之外的所有内容均以白色填充.(SafeArea你可以看到来自这里)

填充

做同样但用a Padding和apply padding来包围它将起到尺寸作用.应用填充将从侧面移除部件Container.这是我提出的唯一成功方式.例如SizedBox或者ConstrainedBox没有区别.

我想看到什么

Both CupertinoAlertDialog和MaterialAlertDialog都可以作为窗口小部件插入到窗口中builder,showDialog并且不会填满整个屏幕.

我试图搞清楚什么这两个小部件比我做的方式不同,但对我来说,它看起来像他们也使用Container施胶或ConstrainedBox上浆,这两者根本不是为我工作.

Answer 1

问题是:大小本身不足以在屏幕上实际呈现它.

颤动需要某种方式来知道如何在屏幕内对齐10x10盒子.A Center应该做的诀窍:

showDialog(
  builder: (context) {
    return Center(
      child: Container(),
    )
  }
)

AlertDialog 并且类似地为你做了同样的事情.