首页 > 解决方案 > 使用 react-native-popup-menu 实现多级弹出窗口的理想方法是什么?

问题描述

使用 react-native-popup-menu 实现多级弹出窗口的理想方法是什么?

我希望能够单击屏幕上的图标并出现第一级弹出菜单。第一级弹出菜单上的每个项目都可能在第一级弹出菜单之上打开第二级弹出菜单(具有类似的<MenuTrigger>行为)。

我最初的想法是以某种方式从 in属性中this.---.menuActions.open()的 lambda调用,但这似乎没有记录在 API 中,所以如果它被认为是私有 API,我想避免使用该解决方案来破解某些东西。onSelect<MenuOption>

标签: react-native-popup-menu

解决方案


简短的回答是你不能。react-native-popup-menu设计允许一次只打开一个菜单,因此您不能同时打开另一个实例。

从理论上讲,您可以自己实现第二级,但这对 IMO 来说非常具有挑战性。

我可以推荐的最好的选择是想出不同的用户体验模式——例如像手风琴菜单这样的东西,或者在第一级选择时简单地交换菜单的内容。

另请参阅https://github.com/instea/react-native-popup-menu/issues/185

顺便说一句 - 通过 API 打开菜单没有任何问题 - 请参阅官方文档


推荐阅读