时间戳

首页 > 解决方案 > 在图像上添加磨砂玻璃效果

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

问题描述

我正在尝试在图像上添加磨砂玻璃效果，根据我的研究，下面似乎是一种方法。然而，虽然没有 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,
          ),
        ),

标签： flutterdart

解决方案

这意味着，如果您的 中有BoxDecoration房产container，您需要搬到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,
      ),
    )

推荐阅读