feat(ui): make gradient as component
Some checks failed
continuous-integration/drone/pr Build is failing
Some checks failed
continuous-integration/drone/pr Build is failing
This commit is contained in:
parent
3fb4020594
commit
0d5109fc77
@ -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(
|
||||||
|
@ -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
|
||||||
|
@ -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';
|
||||||
|
@ -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;
|
||||||
|
}
|
@ -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;
|
||||||
|
}
|
@ -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,
|
||||||
|
});
|
||||||
|
}
|
@ -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;
|
||||||
|
}
|
@ -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,
|
||||||
|
});
|
||||||
|
}
|
@ -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';
|
@ -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);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -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);
|
||||||
|
}
|
@ -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);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -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);
|
||||||
|
}
|
Loading…
x
Reference in New Issue
Block a user