如何在Flutter中实现背景模糊的底部模式表？

问题描述

我正在做一个项目，为此，我想要一个底色模糊的图像背景。为此，我实现了此代码，该代码可以正常工作，但有一个问题。

  Widget build(BuildContext context) {
    return Container(
      height: MediaQuery.of(context).size.height * 0.33,child: Stack(
        overflow: Overflow.visible,fit: StackFit.expand,children: [
          Container(
            height: MediaQuery.of(context).size.height * 0.25,decoration: new Boxdecoration(
                image: new decorationImage(
              image: new Assetimage("assets/images/bookshelf.jpg"),fit: BoxFit.cover,)),),Positioned(
            width: MediaQuery.of(context).size.width,height: MediaQuery.of(context).size.height * 0.25,child: BackdropFilter(
              filter: ImageFilter.blur(sigmaX: 3,sigmaY: 3),child: Container(color: Colors.white.withOpacity(0)),],);
  }

输出是这样的：

它正在模糊整个屏幕，但我只想在模式表中进行模糊处理。我怎么了我是新手，所以对它了解不多。请帮助我。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）