flutter 渐变 方式
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
在Flutter中，您可以使用`LinearGradient`或`RadialGradient`来创建渐变效果。
1. `LinearGradient`：创建一个线性渐变。
它需要一个`List<Color>`来指定渐变的颜色，以及一个`List<double>`来指定每个颜色的停止点。
示例：
```dart
LinearGradient(
colors: [Color(0xff0000), Color(0x00ff00), Color(0x0000ff)],
stops: [0.0, 0.5, 1.0],
)
```
这个例子会创建一个从红色（#ff0000）到绿色（#00ff00）再到蓝色（#0000ff）的渐变。
颜色在渐变中的位置由`stops`列表决定，这个列表中的每个元素都对应颜色列表中的一个元素。
比如，`0.0`表示颜色列表中的第一个颜色（红色）开始于渐变的开始，`0.5`表示颜色列表中的中间颜色（绿色）在渐变中间，`1.0`表示颜色列表中的最后一个颜色（蓝色）在渐变的结束。
2. `RadialGradient`：创建一个径向渐变。
它需要一个`List<Color>`来指定渐变的颜色，以及一个`List<double>`来指定每个颜色的中心点。
示例：
```dart
RadialGradient(
colors: [Color(0xff0000), Color(0x00ff00), Color(0x0000ff)],
center: FractionalOffset(0.5, 0.5), // 中心点在中心位置
)
```
这个例子会创建一个从红色（#ff0000）到绿色（#00ff00）再到蓝色（#0000ff）的径向渐变，中心点在中心位置。
注意，`FractionalOffset(0.5, 0.5)`表示中心点在中心位置。
如果您想改变中心点的位置，可以改变这个值。
比如，`FractionalOffset(1, 1)`会将中心点移动到右上角，`FractionalOffset(0, 1)`会将中心点移动到左下角。