flutter ClipRRect 背景图片

要将背景图片裁剪为圆角矩形，你可以使用 Flutter 中的 `ClipRRect` 组件。以下是一个示例代码，展示如何使用 `ClipRRect` 组件和 `Image.asset` 组件来创建一个具有圆角矩形背景图片的 Flutter 页面：

import 'package:flutter/material.dart';

class MyPage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Container(
        decoration: BoxDecoration(
          image: DecorationImage(
            image: AssetImage("assets/images/background.jpg"),
            fit: BoxFit.cover,
          ),
        ),
        child: Center(
          child: ClipRRect(
            borderRadius: BorderRadius.circular(20),
            child: Container(
              width: 200,
              height: 200,
              color: Colors.white,
              child: Center(
                child: Text(
                  "Hello, World!",
                  style: TextStyle(fontSize: 20),
                ),
              ),
            ),
          ),
        ),
      ),
    );
  }
}

在上面的示例中，我们首先将背景图片设置为 `Container` 的装饰（`decoration`）属性。然后，我们使用 `ClipRRect` 组件来将容器的边角裁剪为圆角矩形。最后，我们在 `ClipRRect` 组件内部创建了一个具有白色背景的容器，并在其中添加了一个文本组件。

你可以根据自己的需要对代码进行修改，例如更改背景图片、调整圆角半径、更改容器的大小等。