飞道的博客

《Flutter 控件大全》第十八个:BackdropFilter 和 ImageFilter

452人阅读  评论(0)
  • 如果你对Flutter还有疑问或者技术方面的疑惑,欢迎加入Flutter交流群(微信:laomengit)。
  • 同时也欢迎关注我的Flutter公众号【老孟程序员】,公众号首发Flutter的相关内容。
  • Flutter地址:http://laomengit.com 里面包含160多个组件的详细用法。

使用BackdropFilter和ImageFilter可以将图片模糊处理。

基本用法如下:

Stack(
  alignment: Alignment.center,
  children: <Widget>[
    Container(
      width: 300,
      height: 400,
      child: Image.asset('images/1.png'),
    ),
    BackdropFilter(
      filter: ImageFilter.blur(sigmaX: 5.0,sigmaY: 5.0),
      child: Center(
        child: Container(
          color: Colors.red.withOpacity(0),
        ),
      ),
    )
  ],
)

效果如下:

BackdropFilter不仅可以模糊图片,还可以模糊任何


转载:https://blog.csdn.net/mengks1987/article/details/105309845
查看评论
* 以上用户言论只代表其个人观点,不代表本网站的观点或立场