Use ContentSizeInfo.maybeOf in FlyoutListTile (Fixes #650)

CHANGELOG.md

@@ -1,5 +1,6 @@
 ## [next]
 
+- `FlyoutListTile` can be used outside of a flyout ([#650](https://github.com/bdlukaa/fluent_ui/issues/650))
 - Add uk localization ([#647](https://github.com/bdlukaa/fluent_ui/pull/647))
 
 ## 4.1.2

lib/src/controls/surfaces/flyout/content.dart

@@ -6,7 +6,7 @@ part of 'flyout.dart';
 ///
 ///   * [Flyout], which is a light dismiss container that can show arbitrary UI
 ///     as its content
-///   * [FlyoutListTile],
+///   * [FlyoutListTile], a list tile adapted to flyouts
 class FlyoutContent extends StatelessWidget {
   /// Creates a flyout content
   const FlyoutContent({
@@ -128,7 +128,7 @@ class FlyoutListTile extends StatelessWidget {
   @override
   Widget build(BuildContext context) {
     assert(debugCheckHasFluentTheme(context));
-    final size = ContentSizeInfo.of(context).size;
+    final size = ContentSizeInfo.maybeOf(context)?.size;
 
     return HoverButton(
       key: key,
@@ -170,7 +170,9 @@ class FlyoutListTile extends StatelessWidget {
                   ),
                 ),
               Flexible(
-                fit: size.isEmpty ? FlexFit.loose : FlexFit.tight,
+                fit: size == null || size.isEmpty
+                    ? FlexFit.loose
+                    : FlexFit.tight,
                 child: Padding(
                   padding: const EdgeInsetsDirectional.only(end: 10.0),
                   child: DefaultTextStyle(

test/flyout_test.dart

@@ -0,0 +1,14 @@
+import 'package:fluent_ui/fluent_ui.dart';
+import 'package:flutter_test/flutter_test.dart';
+
+import 'app_test.dart';
+
+void main() {
+  testWidgets('FlyoutListTile can be used outside of a Flyout', (tester) async {
+    await tester.pumpWidget(
+      wrapApp(
+        child: const FlyoutListTile(text: Text('Copy')),
+      ),
+    );
+  });
+}