refactor: place AutoSuggestBox to NavigationPane and migrate to fluent_ui to 3.7.0

Author: Maxeem

lib/windows_search_delegate.dart

@@ -21,19 +21,24 @@ class WindowsSearchDelegate extends AbstractPlatformSearchDelegate {
   @override
   Widget buildScaffold(Widget? body, BuildContext context) {
     return fluent.ScaffoldPage(
-      content: Padding(
-        padding: EdgeInsets.symmetric(horizontal: 16, vertical: 32),
-        child: Column(
-          children: [
-            fluent.AutoSuggestBox<String>(
-              key: _autoSuggestBoxKey,
-              placeholder: 'Search',
-              onSelected: (item) => print(item),
-              controller: queryTextController,
-              items: _kPlatformNames,
-            ),
-            Spacer(),
-          ],
+      content: fluent.NavigationView(
+        appBar: fluent.NavigationAppBar(
+          title: Text("Search", style: TextStyle(fontSize: 22, fontWeight: fluent.FontWeight.bold)),
+        ),
+        pane: fluent.NavigationPane(
+          displayMode: fluent.PaneDisplayMode.compact,
+          header: SizedBox.expand(),
+          autoSuggestBoxReplacement: fluent.Icon(fluent.FluentIcons.search),
+          autoSuggestBox: fluent.AutoSuggestBox(
+            key: _autoSuggestBoxKey,
+            placeholder: 'Search',
+            onSelected: (item) => print(item),
+            controller: queryTextController,
+            items: _kPlatformNames,
+          ),
+        ),
+        content: Container(
+          color: fluent.Colors.white,
         ),
       ),
     );

pubspec.lock

@@ -63,7 +63,7 @@ packages:
       name: fluent_ui
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "3.6.0"
+    version: "3.7.0"
   flutter:
     dependency: "direct main"
     description: flutter

pubspec.yaml

@@ -22,7 +22,7 @@ environment:
   flutter: ">=2.8.0"
 
 dependencies:
-  fluent_ui: ^3.6.0
+  fluent_ui: ^3.7.0
   flutter:
     sdk: flutter