flutter 对背景图进行模糊渐变

Flutter 是一款跨平台的移动应用程序开发框架，它可以让你轻松地构建高性能、美观、快速的应用程序。如果你想要在 Flutter 中对背景图进行模糊渐变，可以使用 Stack 和 BackdropFilter 这两个组件来实现。具体步骤如下：

1. 在 Stack 组件中添加一个 Positioned 组件，用来放置背景图。

2. 在 Positioned 组件中添加一个 Container 组件，并设置它的宽度和高度。

3. 在 Container 组件中添加一个 Image 组件，并设置它的 fit 属性为 BoxFit.cover。

4. 在 Stack 组件中添加一个 Positioned.fill 组件，并设置它的 child 属性为 BackdropFilter 组件。

5. 在 BackdropFilter 组件中添加一个 Container 组件，并设置它的 decoration 属性为 BoxDecoration。

6. 在 BoxDecoration 中设置 gradient 属性为 LinearGradient，从而实现渐变效果。

具体代码如下：

Stack(
  children: <Widget>[
    Positioned(
      child: Container(
        width: double.infinity,
        height: double.infinity,
        child: Image.asset(
          'assets/images/background.jpg',
          fit: BoxFit.cover,
        ),
      ),
    ),
    Positioned.fill(
      child: BackdropFilter(
        filter: ImageFilter.blur(sigmaX: 10.0, sigmaY: 10.0),
        child: Container(
          decoration: BoxDecoration(
            gradient: LinearGradient(
              begin: Alignment.topCenter,
              end: Alignment.bottomCenter,
              colors: [
                Colors.transparent,
                Colors.black.withOpacity(0.7),
              ],
            ),
          ),
        ),
      ),
    ),
  ],
);