fix: Wrong states and UI bugs in the sliver appbar headers

enrique-lozano · Jan 9, 2025 · 550ef92 · 550ef92
1 parent 06e447f
commit 550ef92
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 9 deletions.
diff --git a/lib/app/accounts/details/account_details.dart b/lib/app/accounts/details/account_details.dart
@@ -1,3 +1,5 @@
+import 'dart:math';
+
 import 'package:drift/drift.dart' as drift;
 import 'package:flutter/material.dart';
 import 'package:flutter/services.dart';
@@ -252,11 +254,15 @@ class _AccountDetailHeader extends SliverPersistentHeaderDelegate {
       ),
       child: Row(
         mainAxisAlignment: MainAxisAlignment.spaceBetween,
-        crossAxisAlignment: CrossAxisAlignment.end,
+        crossAxisAlignment: shrinkPercent > 0.5
+            ? CrossAxisAlignment.center
+            : CrossAxisAlignment.end,
         children: [
           Column(
             crossAxisAlignment: CrossAxisAlignment.start,
-            mainAxisAlignment: MainAxisAlignment.end,
+            mainAxisAlignment: shrinkPercent > 0.5
+                ? MainAxisAlignment.center
+                : MainAxisAlignment.end,
             children: [
               Text(account.name),
               StreamBuilder(
@@ -273,7 +279,8 @@ class _AccountDetailHeader extends SliverPersistentHeaderDelegate {
                               .textTheme
                               .headlineMedium!
                               .copyWith(
-                                fontSize: 32 - shrinkPercent * 16,
+                                fontSize:
+                                    32 - (1 - pow(1 - shrinkPercent, 4)) * 15,
                                 fontWeight: FontWeight.w600,
                               ),
                           child: CurrencyDisplayer(
@@ -320,7 +327,8 @@ class _AccountDetailHeader extends SliverPersistentHeaderDelegate {
           ),
           Hero(
             tag: accountIconHeroTag ?? UniqueKey(),
-            child: account.displayIcon(context, size: 48 - shrinkPercent * 20),
+            child: account.displayIcon(context,
+                size: 48 - (1 - pow(1 - shrinkPercent, 4)) * 20),
           ),
         ],
       ),
@@ -334,8 +342,8 @@ class _AccountDetailHeader extends SliverPersistentHeaderDelegate {
   double get minExtent => 80;
 
   @override
-  bool shouldRebuild(covariant SliverPersistentHeaderDelegate oldDelegate) =>
-      false;
+  bool shouldRebuild(covariant _AccountDetailHeader oldDelegate) =>
+      oldDelegate.account != account;
 }
 
 class ArchiveWarnDialog extends StatefulWidget {

diff --git a/lib/app/transactions/transaction_details.page.dart b/lib/app/transactions/transaction_details.page.dart
@@ -1,3 +1,5 @@
+import 'dart:math';
+
 import 'package:collection/collection.dart';
 import 'package:drift/drift.dart' as drift;
 import 'package:flutter/material.dart';
@@ -771,7 +773,7 @@ class _TransactionDetailHeader extends SliverPersistentHeaderDelegate {
                 AnimatedDefaultTextStyle(
                   duration: const Duration(milliseconds: 100),
                   style: Theme.of(context).textTheme.headlineMedium!.copyWith(
-                        fontSize: 34 - shrinkPercent * 16,
+                        fontSize: 34 - (1 - pow(1 - shrinkPercent, 4)) * 16,
                         fontWeight: FontWeight.w600,
                         color: transaction.status == TransactionStatus.voided
                             ? Colors.grey.shade400
@@ -845,7 +847,7 @@ class _TransactionDetailHeader extends SliverPersistentHeaderDelegate {
             tag: heroTag ?? UniqueKey(),
             child: transaction.getDisplayIcon(
               context,
-              size: 42 - shrinkPercent * 16,
+              size: 42 - (1 - pow(1 - shrinkPercent, 4)) * 16,
             ),
           ),
         ],
@@ -857,7 +859,7 @@ class _TransactionDetailHeader extends SliverPersistentHeaderDelegate {
   double get maxExtent => 120;
 
   @override
-  double get minExtent => 90;
+  double get minExtent => 80;
 
   @override
   bool shouldRebuild(covariant _TransactionDetailHeader oldDelegate) =>