feat: New flyout placement modes: leftTop, leftCenter, leftBottom, ri…

…ghtTop, rightCenter, rightBottom
bdlukaa · Feb 2, 2025 · bfdf585 · bfdf585
1 parent 580b1e1
commit bfdf585
Show file tree

Hide file tree

Showing 7 changed files with 273 additions and 83 deletions.
diff --git a/example/lib/screens/navigation/navigation_view.dart b/example/lib/screens/navigation/navigation_view.dart
@@ -15,7 +15,7 @@ class NavigationViewPage extends StatefulWidget {
 
 class _NavigationViewPageState extends State<NavigationViewPage>
     with PageMixin {
-  static const double itemHeight = 300.0;
+  static const double itemHeight = 500.0;
 
   int topIndex = 0;
 
@@ -66,6 +66,7 @@ class _NavigationViewPageState extends State<NavigationViewPage>
       enabled: false,
       onTap: () => debugPrint('Tapped disabled'),
     ),
+    PaneItemHeader(header: const Text('Apps')),
     PaneItemExpander(
       icon: const Icon(FluentIcons.account_management),
       title: const Text('Account'),
@@ -84,7 +85,6 @@ class _NavigationViewPageState extends State<NavigationViewPage>
       ),
       onTap: () => debugPrint('Tapped account'),
       items: [
-        PaneItemHeader(header: const Text('Apps')),
         PaneItem(
           icon: const Icon(FluentIcons.mail),
           title: const Text('Mail'),
@@ -376,13 +376,13 @@ NavigationView(
               selected: topIndex,
               onItemPressed: (index) {
                 // Do anything you want to do, such as:
-                if (index == topIndex) {
-                  if (displayMode == PaneDisplayMode.open) {
-                    setState(() => this.displayMode = PaneDisplayMode.compact);
-                  } else if (displayMode == PaneDisplayMode.compact) {
-                    setState(() => this.displayMode = PaneDisplayMode.open);
-                  }
-                }
+                // if (index == topIndex) {
+                //   if (displayMode == PaneDisplayMode.open) {
+                //     setState(() => this.displayMode = PaneDisplayMode.compact);
+                //   } else if (displayMode == PaneDisplayMode.compact) {
+                //     setState(() => this.displayMode = PaneDisplayMode.open);
+                //   }
+                // }
               },
               onChanged: (index) => setState(() => topIndex = index),
               displayMode: displayMode,

diff --git a/example/lib/screens/popups/teaching_tip.dart b/example/lib/screens/popups/teaching_tip.dart
@@ -28,12 +28,16 @@ class _TeachingTipPageState extends State<TeachingTipPage> with PageMixin {
     'Bottom left': FlyoutPlacementMode.bottomLeft,
     'Bottom center': FlyoutPlacementMode.bottomCenter,
     'Bottom right': FlyoutPlacementMode.bottomRight,
-    'Center': FlyoutPlacementMode.left,
+    'Center': FlyoutPlacementMode.leftCenter,
     'Top left': FlyoutPlacementMode.topLeft,
     'Top center': FlyoutPlacementMode.topCenter,
     'Top right': FlyoutPlacementMode.topRight,
-    'Right': FlyoutPlacementMode.right,
-    'Left': FlyoutPlacementMode.left,
+    'Right Top': FlyoutPlacementMode.rightTop,
+    'Right Center': FlyoutPlacementMode.rightCenter,
+    'Right Bottom': FlyoutPlacementMode.rightBottom,
+    'Left Top': FlyoutPlacementMode.leftTop,
+    'Left Center': FlyoutPlacementMode.leftCenter,
+    'Left Bottom': FlyoutPlacementMode.leftBottom,
   };
   var alignment = 'Bottom center';
   var placement = 'Bottom center';