WideLayout: add yaru transition (#210)

ubuntu · Sep 20, 2022 · 7d663a1 · 7d663a1
1 parent 5825bba
commit 7d663a1
Showing 1 changed file with 18 additions and 1 deletion.
diff --git a/lib/src/pages/layouts/yaru_wide_layout.dart b/lib/src/pages/layouts/yaru_wide_layout.dart
@@ -1,4 +1,5 @@
 import 'package:flutter/material.dart';
+import 'package:yaru/yaru.dart';
 import 'package:yaru_widgets/yaru_widgets.dart';
 
 /// Creates a [NavigationRail] wrapped inside [Row]
@@ -125,7 +126,23 @@ class _YaruWideLayoutState extends State<YaruWideLayout> {
                 ),
                 const VerticalDivider(thickness: 1, width: 1),
                 Expanded(
-                  child: widget.pageItems[_selectedIndex].builder(context),
+                  child: Theme(
+                    data: Theme.of(context).copyWith(
+                      pageTransitionsTheme: YaruPageTransitionsTheme.vertical,
+                    ),
+                    child: Navigator(
+                      pages: [
+                        MaterialPage(
+                          key: ValueKey(_selectedIndex),
+                          child: widget.pageItems.length > _selectedIndex
+                              ? widget.pageItems[_selectedIndex]
+                                  .builder(context)
+                              : widget.pageItems[0].builder(context),
+                        ),
+                      ],
+                      onPopPage: (route, result) => route.didPop(result),
+                    ),
+                  ),
                 )
               ],
             ),