在图像上添加磨砂玻璃效果

Question

我正在尝试在图像上添加磨砂玻璃效果，根据我的研究，以下似乎是一种方法。然而，虽然没有 linting，但它给了我运行时错误：“不能同时提供颜色和装饰”。有没有更好的方法用橙色磨砂效果模糊背景中的图像？

 return Consumer<UserModel>(
  builder: (context, model, _) => Scaffold(
    body: Container(
      color: Colors.orange.withOpacity(0.75),
        decoration: BoxDecoration(
          image: DecorationImage(
            alignment: Alignment.bottomCenter,
            image: AssetImage("assets/images/pngguru.com-id-bnwsh.png"),
            fit: BoxFit.cover,
          ),
        ),

Answer 1

也就是说，如果您的container 中有BoxDecoration 属性，则需要将color 移动到BoxDecoration 内部

这样

Container(
    decoration: BoxDecoration(
      color: Colors.orange.withOpacity(0.75), // <-------------
      image: DecorationImage(
        alignment: Alignment.bottomCenter,
        image: AssetImage("assets/images/pngguru.com-id-bnwsh.png"),
        fit: BoxFit.cover,
      ),
    )