From e2cfbbb0aa8ebddd63951e66befba2bcc4a92fcd Mon Sep 17 00:00:00 2001
From: carrizomiguel <carrizo2000miguel@gmail.com>
Date: Wed, 8 Nov 2023 12:28:50 -0500
Subject: [PATCH] feat: :sparkles: gradient colors
---
lib/flutter_switch.dart | 26 ++++++++++++++++++++++++--
1 file changed, 24 insertions(+), 2 deletions(-)
diff --git a/lib/flutter_switch.dart b/lib/flutter_switch.dart
index e30ca12..cdeed44 100644
--- a/lib/flutter_switch.dart
+++ b/lib/flutter_switch.dart
@@ -43,6 +43,8 @@ class FlutterSwitch extends StatefulWidget {
this.inactiveIcon,
this.duration = const Duration(milliseconds: 200),
this.disabled = false,
+ this.activeGradient,
+ this.inactiveGradient,
}) : assert(
(switchBorder == null || activeSwitchBorder == null) &&
(switchBorder == null || inactiveSwitchBorder == null),
@@ -53,6 +55,11 @@ class FlutterSwitch extends StatefulWidget {
(toggleBorder == null || inactiveToggleBorder == null),
'Cannot provide toggleBorder when an activeToggleBorder or inactiveToggleBorder was given\n'
'To give the toggle a border, use "activeToggleBorder: color" or "inactiveToggleBorder: color".'),
+ assert(
+ (activeGradient != null && inactiveGradient != null) ||
+ (activeGradient == null && inactiveGradient == null),
+ 'Must provide both gradients colors, active and inactive\n'
+ 'There is no need for active and inactive colors when gradients colors are defined'),
super(key: key);
/// Determines if the switch is on or off.
@@ -251,6 +258,16 @@ class FlutterSwitch extends StatefulWidget {
/// Defaults to the value of false.
final bool disabled;
+ /// The gradient to use on the switch when the switch is on.
+ ///
+ /// When is defined `activeColor` is not used
+ final Gradient? activeGradient;
+
+ /// The gradient to use on the switch when the switch is off.
+ ///
+ /// When is defined `inactiveColor` is not used
+ final Gradient? inactiveGradient;
+
@override
_FlutterSwitchState createState() => _FlutterSwitchState();
}
@@ -301,12 +318,14 @@ class _FlutterSwitchState extends State<FlutterSwitch>
Widget build(BuildContext context) {
Color _toggleColor = Colors.white;
Color _switchColor = Colors.white;
+ Gradient? _gradient;
Border? _switchBorder;
Border? _toggleBorder;
if (widget.value) {
_toggleColor = widget.activeToggleColor ?? widget.toggleColor;
_switchColor = widget.activeColor;
+ _gradient = widget.activeGradient;
_switchBorder = widget.activeSwitchBorder as Border? ??
widget.switchBorder as Border?;
_toggleBorder = widget.activeToggleBorder as Border? ??
@@ -314,6 +333,7 @@ class _FlutterSwitchState extends State<FlutterSwitch>
} else {
_toggleColor = widget.inactiveToggleColor ?? widget.toggleColor;
_switchColor = widget.inactiveColor;
+ _gradient = widget.inactiveGradient;
_switchBorder = widget.inactiveSwitchBorder as Border? ??
widget.switchBorder as Border?;
_toggleBorder = widget.inactiveToggleBorder as Border? ??
@@ -347,8 +367,9 @@ class _FlutterSwitchState extends State<FlutterSwitch>
padding: EdgeInsets.all(widget.padding),
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(widget.borderRadius),
- color: _switchColor,
+ color: _gradient == null ? _switchColor : null,
border: _switchBorder,
+ gradient: _gradient,
),
child: Stack(
children: <Widget>[
@@ -377,7 +398,8 @@ class _FlutterSwitchState extends State<FlutterSwitch>
),
Container(
child: Align(
- alignment: _toggleAnimation.value,
+ alignment:
+ _toggleAnimation.value as AlignmentGeometry,
child: Container(
width: widget.toggleSize,
height: widget.toggleSize,