feat(navigation): add custom slide-up page transition for now playing…

… page (#451)
gokadzev · Nov 29, 2024 · 30dafc8 · 30dafc8
1 parent 296b817
commit 30dafc8
Showing 1 changed file with 17 additions and 2 deletions.
diff --git a/lib/widgets/mini_player.dart b/lib/widgets/mini_player.dart
@@ -40,8 +40,23 @@ class MiniPlayer extends StatelessWidget {
         if (details.primaryDelta! < 0) {
           Navigator.push(
             context,
-            MaterialPageRoute(
-              builder: (context) => const NowPlayingPage(),
+            PageRouteBuilder(
+              pageBuilder: (context, animation, secondaryAnimation) {
+                return const NowPlayingPage();
+              },
+              transitionsBuilder:
+                  (context, animation, secondaryAnimation, child) {
+                const begin = Offset(0, 1);
+                const end = Offset.zero;
+
+                final tween = Tween(begin: begin, end: end);
+                final curve =
+                    CurvedAnimation(parent: animation, curve: Curves.easeInOut);
+
+                final offsetAnimation = tween.animate(curve);
+
+                return SlideTransition(position: offsetAnimation, child: child);
+              },
             ),
           );
         }