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

y3bcpkx1 于 2023-03-31 发布在 Flutter

关注(0)|答案(1)|浏览(130)

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

flutter

来源：https://stackoverflow.com/questions/75849298/how-to-add-background-blur-overlay-to-image

1条答案

按热度按时间

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',
                    ),
                  ),
                ),
              ),
            ),

赞(0）回复(0）举报 2023-03-31

我来回答

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

1条答案

相关问题

热门标签

最新问答