From 40f4f8822f3c9b0f0bc2f8318c047ea9843026b2 Mon Sep 17 00:00:00 2001
From: Aliaksei Tratseuski <aliaksei.tratseuski@gmail.com>
Date: Wed, 31 Jan 2024 06:34:15 +0400
Subject: [PATCH] chore: segmented_buttons rewrite

---
 .../components/buttons/segmented_buttons.dart | 84 +++++++++++--------
 1 file changed, 49 insertions(+), 35 deletions(-)

diff --git a/lib/ui/components/buttons/segmented_buttons.dart b/lib/ui/components/buttons/segmented_buttons.dart
index b876f71d..adb3a32b 100644
--- a/lib/ui/components/buttons/segmented_buttons.dart
+++ b/lib/ui/components/buttons/segmented_buttons.dart
@@ -46,41 +46,55 @@ class SegmentedButtons extends StatelessWidget {
           color: Theme.of(context).colorScheme.onSurface,
           isSelected: isSelected,
           onPressed: onPressed,
-          children: titles.asMap().entries.map((final entry) {
-            final index = entry.key;
-            final title = entry.value;
-            return Stack(
-              alignment: Alignment.centerLeft,
-              children: [
-                AnimatedOpacity(
-                  duration: const Duration(milliseconds: 200),
-                  opacity: isSelected[index] ? 1 : 0,
-                  child: AnimatedScale(
-                    duration: const Duration(milliseconds: 200),
-                    curve: Curves.easeInOutCubicEmphasized,
-                    alignment: Alignment.centerLeft,
-                    scale: isSelected[index] ? 1 : 0,
-                    child: Icon(
-                      Icons.check,
-                      size: 18,
-                      color: Theme.of(context).colorScheme.onSecondaryContainer,
-                    ),
-                  ),
-                ),
-                AnimatedPadding(
-                  padding: isSelected[index]
-                      ? const EdgeInsets.only(left: 24)
-                      : EdgeInsets.zero,
-                  duration: const Duration(milliseconds: 200),
-                  curve: Curves.easeInOutCubicEmphasized,
-                  child: Text(
-                    title,
-                    style: Theme.of(context).textTheme.labelLarge,
-                  ),
-                ),
-              ],
-            );
-          }).toList(),
+          children: [
+            for (int i = 0; i < titles.length; i++)
+              _ButtonSegment(
+                isSelected: isSelected[i],
+                title: titles[i],
+              ),
+          ],
         ),
       );
 }
+
+class _ButtonSegment extends StatelessWidget {
+  const _ButtonSegment({
+    required this.isSelected,
+    required this.title,
+  });
+
+  final bool isSelected;
+  final String title;
+
+  @override
+  Widget build(final BuildContext context) => Stack(
+        alignment: Alignment.centerLeft,
+        children: [
+          AnimatedOpacity(
+            duration: const Duration(milliseconds: 200),
+            opacity: isSelected ? 1 : 0,
+            child: AnimatedScale(
+              duration: const Duration(milliseconds: 200),
+              curve: Curves.easeInOutCubicEmphasized,
+              alignment: Alignment.centerLeft,
+              scale: isSelected ? 1 : 0,
+              child: Icon(
+                Icons.check,
+                size: 18,
+                color: Theme.of(context).colorScheme.onSecondaryContainer,
+              ),
+            ),
+          ),
+          AnimatedPadding(
+            padding:
+                isSelected ? const EdgeInsets.only(left: 24) : EdgeInsets.zero,
+            duration: const Duration(milliseconds: 200),
+            curve: Curves.easeInOutCubicEmphasized,
+            child: Text(
+              title,
+              style: Theme.of(context).textTheme.labelLarge,
+            ),
+          ),
+        ],
+      );
+}