Flutter UI - Decoration，一种点缀

RadialGradient 的 center 属性控制渐变的中心点，默认情况下，中心点位于 (0.0, 0.0)，即控件的中心。你可以使用 Alignment 类来指定一个不同的中心点。

例如，以下代码将创建一个从控件左上角到右下角的渐变：

RadialGradient(
  center: Alignment.topLeft,
  radius: 1.0,
  colors: [Colors.red, Colors.blue],
);

RadialGradient 的 radius 属性控制渐变的半径，默认情况下，半径为 0.0，即没有渐变。你可以使用一个介于 0.0 和 1.0 之间的小数来指定半径。

例如，以下代码将创建一个从控件中心到控件边界的渐变：

RadialGradient(
  center: Alignment.center,
  radius: 1.0,
  colors: [Colors.red, Colors.blue],
);

RadialGradient 的 colors 属性控制渐变的颜色，你可以指定一个颜色列表，列表中第一个颜色是渐变的起始颜色，最后一个颜色是渐变的结束颜色。

例如，以下代码将创建一个从红色到蓝色的渐变：

RadialGradient(
  center: Alignment.center,
  radius: 1.0,
  colors: [Colors.red, Colors.blue],
);

你可以通过使用更多的颜色来创建更复杂的渐变。例如，以下代码将创建一个从红色到橙色再到黄色的渐变：

RadialGradient(
  center: Alignment.center,
  radius: 1.0,
  colors: [Colors.red, Colors.orange, Colors.yellow],
);

RadialGradient 可以用来装饰各种各样的 UI 元素。例如，你可以用它来装饰按钮、图标、背景等等。

例如，以下代码将创建一个带有红色到蓝色渐变的按钮：

FloatingActionButton(
  onPressed: () {},
  child: Icon(Icons.add),
  backgroundColor: RadialGradient(
    center: Alignment.center,
    radius: 1.0,
    colors: [Colors.red, Colors.blue],
  ),
);

RadialGradient 是一个非常强大的工具，你可以用它来创建各种各样的视觉效果。如果你想让你的 UI 更加美观，不妨尝试一下 RadialGradient。