flutter 如何添加背景模糊叠加到图像?

y3bcpkx1  于 2023-03-31  发布在  Flutter
关注(0)|答案(1)|浏览(129)

我想有一个背景覆盖模糊的图像,如果它是矩形的。像如果图像的两侧是棕色的颜色,它应该有棕色模糊的背景,以支持它的两侧。同样,如果它有灰色的两侧,它应该有灰色模糊的背景。
This is what i want to achieve
One more example
请帮忙...

bpsygsoo

bpsygsoo1#

ClipRect(
              child: BackdropFilter(
                filter: ImageFilter.blur(sigmaX: 10.0, sigmaY: 10.0),
                child: Container(
                  width: 100,
                  height: 100,
                  decoration: BoxDecoration(
                    color: Colors.grey.shade200.withOpacity(0.5)
                  ),
                  child: Center(
                    child: Text(
                      'Blue Image',
                    ),
                  ),
                ),
              ),
            ),

相关问题