BestHub
Sign in
Tag

gradient-text

0 views collected around this technical thread.

Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Sep 11, 2024 · Mobile Development

Implementing Gradient Text in Flutter Using ShaderMask, TextStyle.foreground, CustomPainter, and ExtendedText

This article explores multiple techniques for creating gradient text in Flutter—including ShaderMask, TextStyle.foreground, a custom CustomPainter, and the ExtendedText package's GradientConfig—detailing their code implementations, limitations, and how to handle WidgetSpan, emoji, and selective gradient rendering.

Fluttercustom-painterextended_text
0 likes · 11 min read
Implementing Gradient Text in Flutter Using ShaderMask, TextStyle.foreground, CustomPainter, and ExtendedText
Ximalaya Technology Team
Ximalaya Technology Team
Nov 15, 2023 · Mobile Development

Implementing Gradient Text Effects for Android Live Chat Nicknames

The article explains how to give privileged Android live‑chat users gradient nicknames by applying a LinearGradient shader via a custom GradientColorSpan, handling multi‑line text with restart or continuous strategies, and integrating these spans in a LiveGradientTextView that measures, inflates, and renders the gradient consistently across all live‑room scenarios.

AndroidCustom SpanShader
0 likes · 14 min read
Implementing Gradient Text Effects for Android Live Chat Nicknames