Add PopupMenuTheme and improve example (#208)

* Add PopupMenuTheme and improve example
ubuntu · Sep 16, 2022 · 046e2b3 · 046e2b3
1 parent e792205
commit 046e2b3
Show file tree

Hide file tree

Showing 2 changed files with 40 additions and 2 deletions.
diff --git a/example/lib/view/controls_view.dart b/example/lib/view/controls_view.dart
@@ -179,7 +179,24 @@ class _ControlsViewState extends State<ControlsView>
                               ],
                             ),
                           ),
-                          icon: const Icon(Icons.account_circle_rounded),
+                          icon: const Text('Show Dialog'),
+                        ),
+                      ],
+                    ),
+                    Row(
+                      children: [
+                        PopupMenuButton<String>(
+                          icon: const Text('Show Popup-menu'),
+                          initialValue: 'Hello',
+                          itemBuilder: (context) {
+                            return [
+                              for (final string in ['a', 'b', 'c'])
+                                PopupMenuItem(
+                                  value: string,
+                                  child: Text(string),
+                                )
+                            ];
+                          },
                         ),
                       ],
                     )

diff --git a/lib/src/themes/common_themes.dart b/lib/src/themes/common_themes.dart
@@ -1,9 +1,9 @@
 import 'package:flutter/material.dart';
 import 'package:flutter/services.dart';
-import 'package:yaru_colors/yaru_colors.dart';
 import 'package:yaru/src/text/text_theme.dart';
 import 'package:yaru/src/themes/constants.dart';
 import 'package:yaru/src/themes/page_transitions.dart';
+import 'package:yaru_colors/yaru_colors.dart';
 
 // AppBar
 
@@ -287,6 +287,7 @@ ThemeData createYaruLightTheme({
     inputDecorationTheme: inputDecorationTheme,
     toggleButtonsTheme: _toggleButtonsTheme,
     textSelectionTheme: _createTextSelectionTheme(colorScheme),
+    popupMenuTheme: _createPopupMenuThemeData(colorScheme, Brightness.light),
   );
 }
 
@@ -336,5 +337,25 @@ ThemeData createYaruDarkTheme({
     inputDecorationTheme: inputDecorationTheme,
     toggleButtonsTheme: _toggleButtonsTheme,
     textSelectionTheme: _createTextSelectionTheme(colorScheme),
+    popupMenuTheme: _createPopupMenuThemeData(colorScheme, Brightness.dark),
+  );
+}
+
+PopupMenuThemeData _createPopupMenuThemeData(
+  ColorScheme colorScheme,
+  Brightness brightness,
+) {
+  return PopupMenuThemeData(
+    color: brightness == Brightness.dark
+        ? const Color.fromARGB(255, 34, 34, 34)
+        : Colors.white,
+    shape: OutlineInputBorder(
+      borderRadius: BorderRadius.circular(10),
+      borderSide: BorderSide(
+        color: colorScheme.onSurface
+            .withOpacity(brightness == Brightness.light ? 0.3 : 0.2),
+        width: 1,
+      ),
+    ),
   );
 }