Add gradient text docs (#36579)
This commit is contained in:
parent
1cb6b8bb0d
commit
07fdadd1d1
@ -166,7 +166,7 @@ const String _kColorBackgroundWarning = 'Cannot provide both a backgroundColor a
|
||||
/// ```
|
||||
/// {@end-tool}
|
||||
///
|
||||
/// ### Borders and stroke
|
||||
/// ### Borders and stroke (Foreground)
|
||||
///
|
||||
/// {@tool sample}
|
||||
/// To create bordered text, a [Paint] with [Paint.style] set to [PaintingStyle.stroke]
|
||||
@ -202,6 +202,34 @@ const String _kColorBackgroundWarning = 'Cannot provide both a backgroundColor a
|
||||
/// ```
|
||||
/// {@end-tool}
|
||||
///
|
||||
/// ### Gradients (Foreground)
|
||||
///
|
||||
/// {@tool sample}
|
||||
/// The [foreground] property also allows effects such as gradients to be
|
||||
/// applied to the text. Here we provide a [Paint] with a [ui.Gradient]
|
||||
/// shader.
|
||||
///
|
||||
/// 
|
||||
///
|
||||
/// ```dart
|
||||
/// Text(
|
||||
/// 'Greetings, planet!',
|
||||
/// style: TextStyle(
|
||||
/// fontSize: 40,
|
||||
/// foreground: Paint()
|
||||
/// ..shader = ui.Gradient.linear(
|
||||
/// const Offset(0, 20),
|
||||
/// const Offset(150, 20),
|
||||
/// <Color>[
|
||||
/// Colors.red,
|
||||
/// Colors.yellow,
|
||||
/// ],
|
||||
/// )
|
||||
/// ),
|
||||
/// )
|
||||
/// ```
|
||||
/// {@end-tool}
|
||||
///
|
||||
/// ### Custom Fonts
|
||||
///
|
||||
/// Custom fonts can be declared in the `pubspec.yaml` file as shown below:
|
||||
|
Loading…
x
Reference in New Issue
Block a user