Flutter 文本-酷炫的渐变效果

最新推荐文章于 2024-09-30 13:37:56 发布

原创最新推荐文章于 2024-09-30 13:37:56 发布 · 649 阅读

0 ·

CC 4.0 BY-SA版权

flutter 专栏收录该内容

220 篇文章

订阅专栏

本文介绍了如何使用Dart语言在Flutter框架中设置三种不同的渐变效果：线性渐变、径向渐变和扫描渐变。通过具体代码示例展示了如何创建一个包含黄色到红色渐变的文字样式。

有三种渐变效果可以设置，Gradient.linear、Gradient.radial、Gradient.sweep

import 'dart:ui' as ui;

......

TextStyle(
                  fontSize: 40,
                  foreground: Paint()
                    ..shader = ui.Gradient.linear(
                      const Offset(0, 80),
                      const Offset(80, 150),
                      <Color>[
                        Colors.yellow,
                        Colors.red,
                      ],
                    )),
            ),