Question

在使用Flutter处理模糊动作期间，您可能会遇到强制在背景上产生模糊效果的问题。通过使用Stack和内部BackdropFilter。在前景视图上模糊，影响其他视图。如何避免呢？

//.....
      child: new Stack(
        fit: StackFit.expand,
        children: <Widget>[
          new Image.asset(
            'assets/bg_img.jpg',
            fit: BoxFit.fitHeight,
          ),
          new Container(
            color: Colors.transparent,
            child: new Center(
              child: new Center(
                child: new ClipRect(
                  child: new BackdropFilter(
                    filter: new ui.ImageFilter.blur(
                      sigmaX: 6.0,
                      sigmaY: 6.0,
                    ),
//.....

Answer 1

要使用Stack视图配置模糊效果，您需要在AlignmentDirectional上设置Stack。例如下面。

child: Stack(alignment: AlignmentDirectional.center, 
        children: <Widget>[Column(
             //.. Your blur effect here.

扑。前景模糊效果背景视图

1 个答案: