修复 下拉菜单 有时无法正常关闭的bug

Author: yasz1234

lib/pages/popular/popular_page.dart

@@ -30,9 +30,10 @@ class _PopularPageState extends State<PopularPage>
   final MenuController _menuController = MenuController();
 
   bool _showBackToTop = false;
-
   bool _isDropdownOpen = false;
 
+  bool _ignoreNextTap = false;
+
   @override
   bool get wantKeepAlive => true;
 
@@ -239,78 +240,92 @@ class _PopularPageState extends State<PopularPage>
 
                         return MouseRegion(
                           cursor: SystemMouseCursors.click,
-                          child: GestureDetector(
-                            behavior: HitTestBehavior.opaque,
-                            onTap: () {
+                          child: Listener(
+                            onPointerDown: (_) {
                               if (_menuController.isOpen) {
-                                _menuController.close();
+                                _ignoreNextTap = true;
                               } else {
-                                _menuController.open();
+                                _ignoreNextTap = false;
                               }
                             },
-                            child: Row(
-                              mainAxisSize: MainAxisSize.min,
-                              children: [
-                                Text(
-                                  isTrend
-                                      ? '热门番组'
-                                      : popularController.currentTag,
-                                  style: theme.textTheme.headlineMedium!
-                                      .copyWith(
-                                    fontWeight: fontWeight,
-                                    fontSize: fontSize,
-                                  ),
-                                ),
-                                const SizedBox(width: 4),
+                            child: GestureDetector(
+                              behavior: HitTestBehavior.opaque,
+                              onTap: () {
+                                if (_ignoreNextTap) {
+                                  _ignoreNextTap = false;
 
-                                MenuAnchor(
-                                  controller: _menuController,
-                                  alignmentOffset: const Offset(0, 0),
-                                  style: MenuStyle(
-                                    maximumSize: WidgetStateProperty.all(const Size(200, 400)),
-                                    visualDensity: VisualDensity.compact,
+                                  if (_menuController.isOpen) {
+                                    _menuController.close();
+                                  }
+                                  return;
+                                }
+                                // 正常打开
+                                _menuController.open();
+                              },
+                              child: Row(
+                                mainAxisSize: MainAxisSize.min,
+                                children: [
+                                  Text(
+                                    isTrend
+                                        ? '热门番组'
+                                        : popularController.currentTag,
+                                    style: theme.textTheme.headlineMedium!
+                                        .copyWith(
+                                      fontWeight: fontWeight,
+                                      fontSize: fontSize,
+                                    ),
                                   ),
-                                  onOpen: () {
-                                    if (mounted) setState(() => _isDropdownOpen = true);
-                                  },
-                                  onClose: () {
-                                    if (mounted) setState(() => _isDropdownOpen = false);
-                                  },
-                                  builder: (context, controller, child) {
-                                    return AnimatedRotation(
-                                      turns: _isDropdownOpen ? 0.5 : 0.0,
-                                      duration: const Duration(milliseconds: 200),
-                                      child: Icon(Icons.keyboard_arrow_down,
-                                          size: fontSize,
-                                          color: theme.iconTheme.color),
-                                    );
-                                  },
-                                  menuChildren: [
-                                    '',
-                                    ...defaultAnimeTags
-                                  ].map((tag) {
-                                    final isSelected =
-                                        tag == popularController.currentTag;
-                                    final primaryColor = theme.colorScheme.primary;
+                                  const SizedBox(width: 4),
 
-                                    return MenuItemButton(
-                                      onPressed: () => _handleTagSelection(tag),
-                                      child: Container(
-                                        constraints:
-                                        const BoxConstraints(minWidth: 100),
-                                        child: Text(
-                                          tag.isEmpty ? '热门番组' : tag,
-                                          style: TextStyle(
-                                            color: isSelected ? primaryColor : null,
-                                            fontWeight:
-                                            isSelected ? FontWeight.bold : null,
+                                  MenuAnchor(
+                                    controller: _menuController,
+                                    alignmentOffset: const Offset(0, 0),
+                                    style: MenuStyle(
+                                      maximumSize: WidgetStateProperty.all(const Size(200, 400)),
+                                      visualDensity: VisualDensity.compact,
+                                    ),
+                                    onOpen: () {
+                                      if (mounted) setState(() => _isDropdownOpen = true);
+                                    },
+                                    onClose: () {
+                                      if (mounted) setState(() => _isDropdownOpen = false);
+                                    },
+                                    builder: (context, controller, child) {
+                                      return AnimatedRotation(
+                                        turns: _isDropdownOpen ? 0.5 : 0.0,
+                                        duration: const Duration(milliseconds: 200),
+                                        child: Icon(Icons.keyboard_arrow_down,
+                                            size: fontSize,
+                                            color: theme.iconTheme.color),
+                                      );
+                                    },
+                                    menuChildren: [
+                                      '',
+                                      ...defaultAnimeTags
+                                    ].map((tag) {
+                                      final isSelected =
+                                          tag == popularController.currentTag;
+                                      final primaryColor = theme.colorScheme.primary;
+
+                                      return MenuItemButton(
+                                        onPressed: () => _handleTagSelection(tag),
+                                        child: Container(
+                                          constraints:
+                                          const BoxConstraints(minWidth: 100),
+                                          child: Text(
+                                            tag.isEmpty ? '热门番组' : tag,
+                                            style: TextStyle(
+                                              color: isSelected ? primaryColor : null,
+                                              fontWeight:
+                                              isSelected ? FontWeight.bold : null,
+                                            ),
                                           ),
                                         ),
-                                      ),
-                                    );
-                                  }).toList(),
-                                ),
-                              ],
+                                      );
+                                    }).toList(),
+                                  ),
+                                ],
+                              ),
                             ),
                           ),
                         );