Flutter里实现毛玻璃效果

直接给子组件添加毛玻璃效果

sigmaX和sigmaY的值越大高斯模糊效果越明显,
但同时也发现一个问题,sigma值越大,在使用ImageFilter.blur这个页面pop回上级页面时候卡顿越明显,值为0时不卡顿


      child: ImageFiltered(
                    imageFilter: ImageFilter.blur(sigmaX: 10, sigmaY: 10),
                    child: SizedBox(
                      width: double.infinity,
                      height: double.infinity,
                      child: Image.asset(
                        'assets/images/login-bg.png',
                        fit: BoxFit.cover,
                      ),
                    ),
                  ),
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容