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

最新推荐文章于 2022-06-30 11:38:58 发布

Eric_HYD

最新推荐文章于 2022-06-30 11:38:58 发布

阅读量976

点赞数

分类专栏： Flutter-遇到的坑文章标签： Flutter 布局 Dialog 不显示空白

本文链接：https://blog.csdn.net/haha223545/article/details/105273173

版权

Flutter-遇到的坑专栏收录该内容

15 篇文章 1 订阅

订阅专栏

一、问题场景

尝试自定义一个 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 包裹起来后就不存在显示问题了。