feat(ui): make gradient as component
Some checks failed
continuous-integration/drone/pr Build is failing

This commit is contained in:
Hugo Pointcheval 2023-04-26 18:15:47 +02:00
parent 3fb4020594
commit 0d5109fc77
Signed by: hugo
GPG Key ID: 3AAC487E131E00BC
13 changed files with 569 additions and 65 deletions

View File

@ -49,14 +49,14 @@ class Home extends StatelessWidget {
appBar: PreferredSize( appBar: PreferredSize(
preferredSize: const Size.fromHeight(60), preferredSize: const Size.fromHeight(60),
child: context.components.appBar?.copyWith child: context.components.appBar?.copyWith
.title('Example title'.wrap()) ?? .title(const TextWrapper('Example title')) ??
const SizedBox.shrink(), const SizedBox.shrink(),
), ),
body: Column( body: Column(
children: [ children: [
Expanded( Expanded(
child: context.components.errorWidget child: context.components.errorWidget
?.copyWith(error: 'Example erreur'.wrap()) ?? ?.copyWith(error: const TextWrapper('Example erreur')) ??
const SizedBox.shrink(), const SizedBox.shrink(),
), ),
const SizedBox( const SizedBox(

View File

@ -21,6 +21,7 @@ import 'package:wyatt_ui_components/src/core/utils/theme_resolver.dart';
/// Base class for all components. /// Base class for all components.
/// {@endtemplate} /// {@endtemplate}
abstract class Component extends StatelessWidget { abstract class Component extends StatelessWidget {
/// {@macro component}
const Component({this.themeResolver, super.key}); const Component({this.themeResolver, super.key});
/// Theme Resolver for this component /// Theme Resolver for this component

View File

@ -19,6 +19,7 @@ export './buttons/buttons.dart';
export './cards/cards.dart'; export './cards/cards.dart';
export './component.dart'; export './component.dart';
export './error_widget_component.dart'; export './error_widget_component.dart';
export './gradients/gradients.dart';
export './loader/loader.dart'; export './loader/loader.dart';
export './loading_widget_component.dart'; export './loading_widget_component.dart';
export './rich_text_builder/rich_text_builder.dart'; export './rich_text_builder/rich_text_builder.dart';

View File

@ -0,0 +1,31 @@
// Copyright (C) 2023 WYATT GROUP
// Please see the AUTHORS file for details.
//
// This program is free software: you can redistribute it and/or modify
// it under the terms of the GNU General Public License as published by
// the Free Software Foundation, either version 3 of the License, or
// any later version.
//
// This program is distributed in the hope that it will be useful,
// but WITHOUT ANY WARRANTY; without even the implied warranty of
// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
// GNU General Public License for more details.
//
// You should have received a copy of the GNU General Public License
// along with this program. If not, see <https://www.gnu.org/licenses/>.
import 'package:wyatt_ui_components/src/core/utils/multi_color.dart';
import 'package:wyatt_ui_components/src/domain/entities/component.dart';
/// {@template gradient_component}
/// Base class for all gradient components.
///
/// For example, text, icons, and box borders.
/// {@endtemplate}
abstract class GradientComponent extends Component {
/// {@macro gradient_component}
const GradientComponent({super.key});
/// Returns colors for the gradient.
MultiColor get gradientColors;
}

View File

@ -0,0 +1,47 @@
// Copyright (C) 2023 WYATT GROUP
// Please see the AUTHORS file for details.
//
// This program is free software: you can redistribute it and/or modify
// it under the terms of the GNU General Public License as published by
// the Free Software Foundation, either version 3 of the License, or
// any later version.
//
// This program is distributed in the hope that it will be useful,
// but WITHOUT ANY WARRANTY; without even the implied warranty of
// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
// GNU General Public License for more details.
//
// You should have received a copy of the GNU General Public License
// along with this program. If not, see <https://www.gnu.org/licenses/>.
import 'package:flutter/widgets.dart';
import 'package:wyatt_component_copy_with_extension/wyatt_component_copy_with_extension.dart';
import 'package:wyatt_ui_components/wyatt_ui_components.dart';
part 'gradient_icon_component.g.dart';
@ComponentProxyExtension()
abstract class GradientIconComponent extends Icon
with CopyWithMixin<$GradientIconComponentCWProxy>
implements GradientComponent {
GradientIconComponent({
required IconData? icon,
required this.gradientColors,
super.key,
super.size,
super.fill,
super.weight,
super.grade,
super.opticalSize,
super.color,
super.shadows,
super.semanticLabel,
super.textDirection,
}) : super(icon);
@override
final MultiColor gradientColors;
@override
ThemeResolver<dynamic, dynamic, dynamic>? get themeResolver => null;
}

View File

@ -0,0 +1,36 @@
// GENERATED CODE - DO NOT MODIFY BY HAND
part of 'gradient_icon_component.dart';
// **************************************************************************
// ComponentProxyGenerator
// **************************************************************************
abstract class $GradientIconComponentCWProxy {
GradientIconComponent icon(IconData? icon);
GradientIconComponent gradientColors(MultiColor? gradientColors);
GradientIconComponent key(Key? key);
GradientIconComponent size(double? size);
GradientIconComponent fill(double? fill);
GradientIconComponent weight(double? weight);
GradientIconComponent grade(double? grade);
GradientIconComponent opticalSize(double? opticalSize);
GradientIconComponent color(Color? color);
GradientIconComponent shadows(List<Shadow>? shadows);
GradientIconComponent semanticLabel(String? semanticLabel);
GradientIconComponent textDirection(TextDirection? textDirection);
GradientIconComponent call({
IconData? icon,
MultiColor? gradientColors,
Key? key,
double? size,
double? fill,
double? weight,
double? grade,
double? opticalSize,
Color? color,
List<Shadow>? shadows,
String? semanticLabel,
TextDirection? textDirection,
});
}

View File

@ -0,0 +1,54 @@
// Copyright (C) 2023 WYATT GROUP
// Please see the AUTHORS file for details.
//
// This program is free software: you can redistribute it and/or modify
// it under the terms of the GNU General Public License as published by
// the Free Software Foundation, either version 3 of the License, or
// any later version.
//
// This program is distributed in the hope that it will be useful,
// but WITHOUT ANY WARRANTY; without even the implied warranty of
// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
// GNU General Public License for more details.
//
// You should have received a copy of the GNU General Public License
// along with this program. If not, see <https://www.gnu.org/licenses/>.
import 'package:flutter/widgets.dart';
import 'package:wyatt_component_copy_with_extension/wyatt_component_copy_with_extension.dart';
import 'package:wyatt_ui_components/src/core/mixins/copy_with_mixin.dart';
import 'package:wyatt_ui_components/src/core/utils/multi_color.dart';
import 'package:wyatt_ui_components/src/core/utils/theme_resolver.dart';
import 'package:wyatt_ui_components/src/domain/entities/gradients/gradients.dart';
part 'gradient_text_component.g.dart';
@ComponentProxyExtension()
abstract class GradientTextComponent extends Text
with CopyWithMixin<$GradientTextComponentCWProxy>
implements GradientComponent {
const GradientTextComponent({
required String? data,
required this.gradientColors,
super.style,
super.key,
super.strutStyle,
super.textAlign,
super.textDirection,
super.locale,
super.softWrap,
super.overflow,
super.textScaleFactor,
super.maxLines,
super.semanticsLabel,
super.textWidthBasis,
super.textHeightBehavior,
super.selectionColor,
}) : super(data ?? '');
@override
final MultiColor gradientColors;
@override
ThemeResolver<dynamic, dynamic, dynamic>? get themeResolver => null;
}

View File

@ -0,0 +1,45 @@
// GENERATED CODE - DO NOT MODIFY BY HAND
part of 'gradient_text_component.dart';
// **************************************************************************
// ComponentProxyGenerator
// **************************************************************************
abstract class $GradientTextComponentCWProxy {
GradientTextComponent data(String? data);
GradientTextComponent gradientColors(MultiColor? gradientColors);
GradientTextComponent style(TextStyle? style);
GradientTextComponent key(Key? key);
GradientTextComponent strutStyle(StrutStyle? strutStyle);
GradientTextComponent textAlign(TextAlign? textAlign);
GradientTextComponent textDirection(TextDirection? textDirection);
GradientTextComponent locale(Locale? locale);
GradientTextComponent softWrap(bool? softWrap);
GradientTextComponent overflow(TextOverflow? overflow);
GradientTextComponent textScaleFactor(double? textScaleFactor);
GradientTextComponent maxLines(int? maxLines);
GradientTextComponent semanticsLabel(String? semanticsLabel);
GradientTextComponent textWidthBasis(TextWidthBasis? textWidthBasis);
GradientTextComponent textHeightBehavior(
TextHeightBehavior? textHeightBehavior);
GradientTextComponent selectionColor(Color? selectionColor);
GradientTextComponent call({
String? data,
MultiColor? gradientColors,
TextStyle? style,
Key? key,
StrutStyle? strutStyle,
TextAlign? textAlign,
TextDirection? textDirection,
Locale? locale,
bool? softWrap,
TextOverflow? overflow,
double? textScaleFactor,
int? maxLines,
String? semanticsLabel,
TextWidthBasis? textWidthBasis,
TextHeightBehavior? textHeightBehavior,
Color? selectionColor,
});
}

View File

@ -0,0 +1,19 @@
// Copyright (C) 2023 WYATT GROUP
// Please see the AUTHORS file for details.
//
// This program is free software: you can redistribute it and/or modify
// it under the terms of the GNU General Public License as published by
// the Free Software Foundation, either version 3 of the License, or
// any later version.
//
// This program is distributed in the hope that it will be useful,
// but WITHOUT ANY WARRANTY; without even the implied warranty of
// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
// GNU General Public License for more details.
//
// You should have received a copy of the GNU General Public License
// along with this program. If not, see <https://www.gnu.org/licenses/>.
export 'gradient_component.dart';
export 'gradient_icon_component.dart';
export 'gradient_text_component.dart';

View File

@ -14,17 +14,18 @@
// You should have received a copy of the GNU General Public License // You should have received a copy of the GNU General Public License
// along with this program. If not, see <https://www.gnu.org/licenses/>. // along with this program. If not, see <https://www.gnu.org/licenses/>.
import 'package:flutter/widgets.dart'; import 'package:flutter/material.dart';
import 'package:wyatt_component_copy_with_extension/wyatt_component_copy_with_extension.dart';
import 'package:wyatt_ui_components/wyatt_ui_components.dart';
extension GradientIconExtension on Icon { part 'gradient_icon.g.dart';
GradientIcon toGradient(Gradient? gradient) =>
GradientIcon.from(this, gradient);
}
class GradientIcon extends Icon { @ComponentCopyWithExtension()
const GradientIcon( class GradientIcon extends GradientIconComponent with $GradientIconCWMixin {
super.icon, { GradientIcon(
this.gradient, {
required super.icon,
required super.gradientColors,
super.key, super.key,
super.size, super.size,
super.fill, super.fill,
@ -35,11 +36,34 @@ class GradientIcon extends Icon {
super.shadows, super.shadows,
super.semanticLabel, super.semanticLabel,
super.textDirection, super.textDirection,
}); }) : widgetIcon = null;
factory GradientIcon.from(Icon icon, Gradient? gradient) => GradientIcon( GradientIcon.fromWidget(
icon.icon, Widget icon, {
gradient: gradient, MultiColor? gradientColors,
super.key,
super.size,
super.fill,
super.weight,
super.grade,
super.opticalSize,
super.color,
super.shadows,
super.semanticLabel,
super.textDirection,
}) : widgetIcon = icon,
super(
icon: null,
gradientColors: gradientColors ?? const MultiColor([]),
);
factory GradientIcon.fromIcon(
Icon icon, {
MultiColor? gradientColors,
}) =>
GradientIcon(
icon: icon.icon,
gradientColors: gradientColors ?? const MultiColor([]),
key: icon.key, key: icon.key,
size: icon.size, size: icon.size,
fill: icon.fill, fill: icon.fill,
@ -52,20 +76,76 @@ class GradientIcon extends Icon {
textDirection: icon.textDirection, textDirection: icon.textDirection,
); );
final Gradient? gradient; /// Creates a [GradientIcon] from a [Widget].
///
/// Use [GradientIcon.fromWidget] to set this widget as the icon.
final Widget? widgetIcon;
@override @override
Widget build(BuildContext context) { Widget build(BuildContext context) {
if (gradient != null) { if (widgetIcon != null) {
// Return the widget icon colorized with the super.color.
if (super.color != null) {
return ColorFiltered(
colorFilter: ColorFilter.mode(
super.color!,
BlendMode.srcIn,
),
child: widgetIcon,
);
}
// else, return the widget icon with the gradient.
final Gradient? linearGradient =
GradientHelper.linearFromMultiColor(gradientColors);
if (linearGradient != null) {
return ShaderMask(
blendMode: BlendMode.srcIn,
shaderCallback: (bounds) => linearGradient.createShader(
Rect.fromLTWH(0, 0, bounds.width, bounds.height),
),
child: widgetIcon,
);
}
if (gradientColors.colors.isNotEmpty) {
// if multicolor has only one color, return the widget icon with the
// color.
return ColorFiltered(
colorFilter: ColorFilter.mode(
gradientColors.color,
BlendMode.srcIn,
),
child: widgetIcon,
);
}
// If there is no gradient and no color, just build the widget icon.
return widgetIcon!;
}
// if no widgetIcon, work with the icon.
if (super.color != null) {
return super.copyWith.call(color: super.color).build(context);
}
final Gradient? linearGradient =
GradientHelper.linearFromMultiColor(gradientColors);
if (linearGradient != null) {
return ShaderMask( return ShaderMask(
blendMode: BlendMode.srcIn, blendMode: BlendMode.srcIn,
shaderCallback: (bounds) => gradient!.createShader( shaderCallback: (bounds) => linearGradient.createShader(
Rect.fromLTWH(0, 0, bounds.width, bounds.height), Rect.fromLTWH(0, 0, bounds.width, bounds.height),
), ),
child: super.build(context), child: super.build(context),
); );
} else {
return super.build(context);
} }
if (gradientColors.colors.isNotEmpty) {
return super.copyWith.call(color: gradientColors.color).build(context);
}
// If there is no gradient and no color, just build the icon.
return super.build(context);
} }
} }

View File

@ -0,0 +1,74 @@
// GENERATED CODE - DO NOT MODIFY BY HAND
part of 'gradient_icon.dart';
// **************************************************************************
// ComponentCopyWithGenerator
// **************************************************************************
class $GradientIconCWProxyImpl implements $GradientIconComponentCWProxy {
const $GradientIconCWProxyImpl(this._value);
final GradientIcon _value;
@override
GradientIcon icon(IconData? icon) => this(icon: icon);
@override
GradientIcon gradientColors(MultiColor? gradientColors) =>
this(gradientColors: gradientColors);
@override
GradientIcon key(Key? key) => this(key: key);
@override
GradientIcon size(double? size) => this(size: size);
@override
GradientIcon fill(double? fill) => this(fill: fill);
@override
GradientIcon weight(double? weight) => this(weight: weight);
@override
GradientIcon grade(double? grade) => this(grade: grade);
@override
GradientIcon opticalSize(double? opticalSize) =>
this(opticalSize: opticalSize);
@override
GradientIcon color(Color? color) => this(color: color);
@override
GradientIcon shadows(List<Shadow>? shadows) => this(shadows: shadows);
@override
GradientIcon semanticLabel(String? semanticLabel) =>
this(semanticLabel: semanticLabel);
@override
GradientIcon textDirection(TextDirection? textDirection) =>
this(textDirection: textDirection);
@override
GradientIcon call({
IconData? icon,
MultiColor? gradientColors,
Key? key,
double? size,
double? fill,
double? weight,
double? grade,
double? opticalSize,
Color? color,
List<Shadow>? shadows,
String? semanticLabel,
TextDirection? textDirection,
}) =>
GradientIcon(
icon: icon ?? _value.icon,
gradientColors: gradientColors ?? _value.gradientColors,
key: key ?? _value.key,
size: size ?? _value.size,
fill: fill ?? _value.fill,
weight: weight ?? _value.weight,
grade: grade ?? _value.grade,
opticalSize: opticalSize ?? _value.opticalSize,
color: color ?? _value.color,
shadows: shadows ?? _value.shadows,
semanticLabel: semanticLabel ?? _value.semanticLabel,
textDirection: textDirection ?? _value.textDirection,
);
}
mixin $GradientIconCWMixin on Component {
$GradientIconComponentCWProxy get copyWith =>
$GradientIconCWProxyImpl(this as GradientIcon);
}

View File

@ -17,30 +17,19 @@
// along with this program. If not, see <https://www.gnu.org/licenses/>. // along with this program. If not, see <https://www.gnu.org/licenses/>.
import 'package:flutter/widgets.dart'; import 'package:flutter/widgets.dart';
import 'package:wyatt_component_copy_with_extension/wyatt_component_copy_with_extension.dart';
import 'package:wyatt_ui_components/wyatt_ui_components.dart'; import 'package:wyatt_ui_components/wyatt_ui_components.dart';
import 'package:wyatt_ui_kit/wyatt_ui_kit.dart'; import 'package:wyatt_ui_kit/src/components/gradients/gradient_text_style.dart';
extension GradientTextExtension on Text { part 'gradient_text.g.dart';
/// If this text contains a [GradientTextStyle] it simply transforms it in
/// [GradientText], if not it needs a [MultiColor].
GradientText toGradient({MultiColor? gradientColors}) {
if (style is GradientTextStyle?) {
// Gradient
final gradientStyle = (style as GradientTextStyle?)?.gradientColors;
return GradientText.from(this, gradientStyle ?? gradientColors);
}
return GradientText.from(this, gradientColors); @ComponentCopyWithExtension()
} class GradientText extends GradientTextComponent with $GradientTextCWMixin {
const GradientText({
GradientText toFlutterGradient(Gradient? gradient) => required super.data,
GradientText.from(this, MultiColor(gradient?.colors)); required super.gradientColors,
}
class GradientText extends Text {
const GradientText(
super.data, {
super.style, super.style,
super.key,
super.strutStyle, super.strutStyle,
super.textAlign, super.textAlign,
super.textDirection, super.textDirection,
@ -53,46 +42,79 @@ class GradientText extends Text {
super.textWidthBasis, super.textWidthBasis,
super.textHeightBehavior, super.textHeightBehavior,
super.selectionColor, super.selectionColor,
super.key,
}); });
factory GradientText.from(Text text, MultiColor? gradientColors) => /// Creates a [GradientText] from a [TextWrapper].
///
/// You can pass a gradient in case the [TextWrapper] doesn't have one.
/// You can also pass a style in case the [TextWrapper] doesn't have one.
factory GradientText.fromWrapper(
TextWrapper wrapper, {
MultiColor? gradientColors,
TextStyle? style,
}) =>
GradientText( GradientText(
text.data ?? '', data: wrapper.data,
style: GradientTextStyle.from(text.style, gradientColors), gradientColors:
strutStyle: text.strutStyle, wrapper.gradientColors ?? gradientColors ?? const MultiColor([]),
textAlign: text.textAlign, style: wrapper.style ?? style,
textDirection: text.textDirection, textAlign: wrapper.textAlign,
locale: text.locale, textDirection: wrapper.textDirection,
softWrap: text.softWrap, softWrap: wrapper.softWrap,
overflow: text.overflow, overflow: wrapper.overflow,
textScaleFactor: text.textScaleFactor, maxLines: wrapper.maxLines,
maxLines: text.maxLines, selectionColor: wrapper.selectionColor,
semanticsLabel: text.semanticsLabel, );
textWidthBasis: text.textWidthBasis,
textHeightBehavior: text.textHeightBehavior, factory GradientText.fromGradientStyle(
selectionColor: text.selectionColor, String data, {
key: text.key, required GradientTextStyle style,
}) =>
GradientText(
data: data,
gradientColors: style.gradientColors ?? const MultiColor([]),
style: style,
); );
@override @override
Widget build(BuildContext context) { Widget build(BuildContext context) {
if (style is GradientTextStyle?) { if (super.style is GradientTextStyle) {
// Gradient // If the style is a gradient style, create a gradient text from it.
final gradientStyle = (style as GradientTextStyle?)?.gradientColors; final Gradient? linearGradient = GradientHelper.linearFromMultiColor(
final gradient = (gradientStyle?.isGradient ?? false) (super.style as GradientTextStyle?)?.gradientColors ??
? LinearGradientHelper.fromMultiColor(gradientStyle!) const MultiColor([]),
: null; );
if (gradient != null) { if (linearGradient != null) {
return ShaderMask( return ShaderMask(
blendMode: BlendMode.srcIn, blendMode: BlendMode.srcIn,
shaderCallback: (bounds) => gradient.createShader( shaderCallback: (bounds) => linearGradient.createShader(
Rect.fromLTWH(0, 0, bounds.width, bounds.height), Rect.fromLTWH(0, 0, bounds.width, bounds.height),
), ),
child: super.build(context), child: super.build(context),
); );
} }
} }
final Gradient? linearGradient =
GradientHelper.linearFromMultiColor(gradientColors);
if (linearGradient != null) {
return ShaderMask(
blendMode: BlendMode.srcIn,
shaderCallback: (bounds) => linearGradient.createShader(
Rect.fromLTWH(0, 0, bounds.width, bounds.height),
),
child: super.build(context),
);
}
if (gradientColors.colors.isNotEmpty) {
return super
.copyWith
.call(style: style?.copyWith(color: gradientColors.color))
.build(context);
}
// If there is no gradient and no color, just build the text.
return super.build(context); return super.build(context);
} }
} }

View File

@ -0,0 +1,94 @@
// GENERATED CODE - DO NOT MODIFY BY HAND
part of 'gradient_text.dart';
// **************************************************************************
// ComponentCopyWithGenerator
// **************************************************************************
class $GradientTextCWProxyImpl implements $GradientTextComponentCWProxy {
const $GradientTextCWProxyImpl(this._value);
final GradientText _value;
@override
GradientText data(String? data) => this(data: data);
@override
GradientText gradientColors(MultiColor? gradientColors) =>
this(gradientColors: gradientColors);
@override
GradientText style(TextStyle? style) => this(style: style);
@override
GradientText key(Key? key) => this(key: key);
@override
GradientText strutStyle(StrutStyle? strutStyle) =>
this(strutStyle: strutStyle);
@override
GradientText textAlign(TextAlign? textAlign) => this(textAlign: textAlign);
@override
GradientText textDirection(TextDirection? textDirection) =>
this(textDirection: textDirection);
@override
GradientText locale(Locale? locale) => this(locale: locale);
@override
GradientText softWrap(bool? softWrap) => this(softWrap: softWrap);
@override
GradientText overflow(TextOverflow? overflow) => this(overflow: overflow);
@override
GradientText textScaleFactor(double? textScaleFactor) =>
this(textScaleFactor: textScaleFactor);
@override
GradientText maxLines(int? maxLines) => this(maxLines: maxLines);
@override
GradientText semanticsLabel(String? semanticsLabel) =>
this(semanticsLabel: semanticsLabel);
@override
GradientText textWidthBasis(TextWidthBasis? textWidthBasis) =>
this(textWidthBasis: textWidthBasis);
@override
GradientText textHeightBehavior(TextHeightBehavior? textHeightBehavior) =>
this(textHeightBehavior: textHeightBehavior);
@override
GradientText selectionColor(Color? selectionColor) =>
this(selectionColor: selectionColor);
@override
GradientText call({
String? data,
MultiColor? gradientColors,
TextStyle? style,
Key? key,
StrutStyle? strutStyle,
TextAlign? textAlign,
TextDirection? textDirection,
Locale? locale,
bool? softWrap,
TextOverflow? overflow,
double? textScaleFactor,
int? maxLines,
String? semanticsLabel,
TextWidthBasis? textWidthBasis,
TextHeightBehavior? textHeightBehavior,
Color? selectionColor,
}) =>
GradientText(
data: data ?? _value.data,
gradientColors: gradientColors ?? _value.gradientColors,
style: style ?? _value.style,
key: key ?? _value.key,
strutStyle: strutStyle ?? _value.strutStyle,
textAlign: textAlign ?? _value.textAlign,
textDirection: textDirection ?? _value.textDirection,
locale: locale ?? _value.locale,
softWrap: softWrap ?? _value.softWrap,
overflow: overflow ?? _value.overflow,
textScaleFactor: textScaleFactor ?? _value.textScaleFactor,
maxLines: maxLines ?? _value.maxLines,
semanticsLabel: semanticsLabel ?? _value.semanticsLabel,
textWidthBasis: textWidthBasis ?? _value.textWidthBasis,
textHeightBehavior: textHeightBehavior ?? _value.textHeightBehavior,
selectionColor: selectionColor ?? _value.selectionColor,
);
}
mixin $GradientTextCWMixin on Component {
$GradientTextComponentCWProxy get copyWith =>
$GradientTextCWProxyImpl(this as GradientText);
}