SelfPrivacy
/
selfprivacy.org.app
10
7
Fork 5
Code Issues 79 Pull Requests 4 Projects 1 Releases 24 Wiki Activity

Add animations to segmented_buttons.dart

pull/116/head
Inex Code 2022-09-16 01:28:10 +03:00
parent 6e9bde827a
commit 3079b4bcc5
1 changed files with 26 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

37
lib/ui/components/brand_button/segmented_buttons.dart
View File

@ -30,19 +30,34 @@ class SegmentedButtons extends StatelessWidget {
children: titles.asMap().entries.map((final entry) {
final index = entry.key;
final title = entry.value;
return Row(
crossAxisAlignment: CrossAxisAlignment.center,
return Stack(
alignment: Alignment.centerLeft,
children: [
if (isSelected[index])
Icon(
Icons.check,
size: 18,
color: Theme.of(context).colorScheme.onSecondaryContainer,
AnimatedOpacity(
duration: const Duration(milliseconds: 200),
opacity: isSelected[index] ? 1 : 0,
child: AnimatedScale(
duration: const Duration(milliseconds: 200),
curve: Curves.easeInOut,
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.easeInOut,
child: Text(
title,
style: Theme.of(context).textTheme.labelLarge,
),
if (isSelected[index]) const SizedBox(width: 8),
Text(
title,
style: Theme.of(context).textTheme.labelLarge,
),
],
);