要和BackdropFilter进行配合。
Stack(
fit: StackFit.expand,
children: <Widget>[
Text('0' * 10000),
Center(
child: ClipRect( // <-- clips to the 200x200 [Container] below
child: BackdropFilter(
filter: ui.ImageFilter.blur(
sigmaX: 5.0,
sigmaY: 5.0,
),
child: Container(
alignment: Alignment.center,
width: 200.0,
height: 200.0,
child: const Text('Hello World'),
),
),
),
),
],
)
另外还可以对局部进行模糊处理.
Stack(
children:[
DashWidget,
Positioned(top:100,bottom:150,left:200,right:100,
child:BackdropFilter(
filter:ImageFilter.blur(sigmaX:5,sigmaY:5,
),
child:Container(
color:Colors.black.withOpacity(0),
)
)
)
]
)