react-native-popup-menu - 使用 react-native-popup-menu 实现多级弹出窗口的理想方法是什么?
问题描述
使用 react-native-popup-menu 实现多级弹出窗口的理想方法是什么?
我希望能够单击屏幕上的图标并出现第一级弹出菜单。第一级弹出菜单上的每个项目都可能在第一级弹出菜单之上打开第二级弹出菜单(具有类似的<MenuTrigger>
行为)。
我最初的想法是以某种方式从 in属性中this.---.menuActions.open()
的 lambda调用,但这似乎没有记录在 API 中,所以如果它被认为是私有 API,我想避免使用该解决方案来破解某些东西。onSelect
<MenuOption>
解决方案
简短的回答是你不能。react-native-popup-menu
设计允许一次只打开一个菜单,因此您不能同时打开另一个实例。
从理论上讲,您可以自己实现第二级,但这对 IMO 来说非常具有挑战性。
我可以推荐的最好的选择是想出不同的用户体验模式——例如像手风琴菜单这样的东西,或者在第一级选择时简单地交换菜单的内容。
另请参阅https://github.com/instea/react-native-popup-menu/issues/185
顺便说一句 - 通过 API 打开菜单没有任何问题 - 请参阅官方文档
推荐阅读
- javascript - 使用比较运算符的问题
- html - 2018年在页面中加入CSS文件有什么坏处?
- javascript - 我无法在 Reactjs 中 console.log() JSON 数据?
- php - 查找哪个 symfony 包与另一个 symfony 版本不兼容的方法
- r - 在带德文小数分隔符的引用 csv 文件上使用 colClass
- jsp - 使用 eclipse 3a 和 tomcat 9.0 的 jsp 和 servlets MVC 架构师
- angularjs - AngularJS - 选择框中的默认值
- imagemagick - 具有 4 个 (x,y) 坐标的 Imagemagick 倾斜图像
- javascript - Laravel 和 VueJS:在 Blade 中调用 VueJS 方法
- django-rest-framework - django rest 中的令牌身份验证失败