解决：Flutter 自定义 Dialog 不显示布局问题

一、问题场景

尝试自定义一个 Dialog，但是不显示设置的布局，主要代码如下：

class MyDialog extends Dialog {

  @override
  Widget build(BuildContext context) {
    return Material(
      type: MaterialType.transparency,
      child: Container(
        width: 100,
        height: 100,
        color: Colors.blue,
      ),
    );
  }
}
           

二、问题解决

class MyDialog extends Dialog {

  @override
  Widget build(BuildContext context) {
    return Material(
      type: MaterialType.transparency,
      child: Center(
        child: Container(
          width: 100,
          height: 100,
          color: Colors.blue,
       ),
      ),
    );
  }
}
           

说明：将布局用 Center 包裹起来后就不存在显示问题了。