如何实现页面覆盖效果

我们在上一章回中介绍了空类型和空安全相关的内容，本章回中将介绍ModalBarrier组件.闲话休提，让我们一起Talk Flutter吧。

1. 概念介绍

我们在本章回中介绍的ModalBarrier是一种组件，它主要用来当作蒙板覆盖在页面上方,该组件类似Dialog组件，不过它默认情况会覆盖整个页面，因此需要在它外层
嵌套一个容器来控制它的大小。本章回中将详细介绍该组件的使用方法。

2. 使用方法

和其它组件一样，ModalBarrier组件提供了相关的属性来控制自己，下面是常用的属性：

• color属性：主要用来控制组件的背景颜色；
• onDismiss属性：它是方法类型，组件消失时回调此方法；
  这两个属性都是可选属性，color属性的默认值是灰色，onDismiss属性的默认值是关闭当前页面。也就是说我们不需要给该组件赋值就可以拿来直接使用。不过我们还
  是建议给这两个属性赋值，特别是onDismiss属性。因为它默认会关闭组件所在的页面，而不是像Dialog一样只关闭自己，不影响Dialog所在的页面。此外，最好在
  该组件外层嵌套一个容器来控制它的大小，因为它默认覆盖整个页面。我们将在后面的小节中通过示例代码来演示这些内容。

3. 示例代码

 SizedBox(
    width: