title: 'ModalBarrier' description: '防止用户与其自身背后的组件进行交互的组件' type: widgets


ModalBarrier

ModalBarrier是一个静态蒙层控件,ModalRoute控件就是间接使用的此控件,此控件有点击属性,点击会调用

if (dismissible)
  Navigator.maybePop(context);

和Dialog相似,用法如下:

Center(
  child: Container(
    height: 100,
    width: 100,
    child: ModalBarrier(
      color: Colors.black.withOpacity(.4),
    ),
  ),
)

效果如下:

dismissible表示是否可点击。