Flutter:弹出菜单内的弹出菜单

Question

我需要实现嵌套在 PopUpMenu 内的 PopUpMenu 列表。单击其中一个项目时，我想获得另一个带有其自己的项目的 PopUpMenu。

我们可以说它可能看起来与经典的 Windows 选项类似。

是否可以在flutter中实现？

Answer 1

当然可以:

这显示两个子菜单，每个子菜单有两个项目。我在演示中使用了枚举:枚举项 { i1, i2, i3, i4 }

确保在 onSelected 中调用 Navigator.pop(context) 以关闭第一个菜单。

PopupMenuButton(
              
              child: Text('MENU'),
              itemBuilder: (BuildContext context) => <PopupMenuEntry<PopupMenuButton>>[
                PopupMenuItem(
                  child: PopupMenuButton(
                    child: Text('SUBMENU A'),
                    onSelected: (Item result) { 
                      setState(() { _selection = result; });
                    Navigator.pop(context); },
                    itemBuilder: (BuildContext context) => <PopupMenuEntry<Item>>[
                      const PopupMenuItem<Item>(
                        value: Item.i1,
                        child: Text('i1'),
                        ),
                      const PopupMenuItem<Item>(
                        value: Item.i2,
                        child: Text('i2'),
                        ),
                    ],
                  ),
                  ),
                
              PopupMenuItem(
                child: PopupMenuButton(
                    child: Text('SUBMENU B'),
                    onSelected: (Item result) { 
                      setState(() { _selection = result; });
                      Navigator.pop(context); },
                    itemBuilder: (BuildContext context) => <PopupMenuEntry<Item>>[
                      const PopupMenuItem<Item>(
                        value: Item.i3,
                        child: Text('i3'),
                        ),
                      const PopupMenuItem<Item>(
                        value: Item.i4,
                        child: Text('i4'),
                        ),
                    ],
                  ),
                ),
              ],
            ),