如何解决如何在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 举报,一经查实,本站将立刻删除。