问题标签 [react-native-popup-menu]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
3 回答
4054 浏览

react-native - 如何关闭反应原生弹出菜单?

我正在使用您的 react-native-popup-menu 作为注销按钮。当按钮单击身份验证删除时,屏幕将进入登录。但菜单仍然存在。

屏幕切换时如何关闭此菜单?

最初由 bexoss 在 react-native-popup-menu GitHub 上提出。

0 投票
2 回答
588 浏览

react-native - 从导航栏的左按钮单击时,菜单 si 呈现在屏幕外

有没有办法让菜单从左到右而不是从右到左呈现?从导航栏的右键单击时,就可以了;而不是从左侧按钮,它呈现在屏幕外。

0 投票
1 回答
949 浏览

unicode - 如何包含带有自定义图标的菜单选项?

react native popup menu 的文档提到了如何创建带有复选标记的菜单选项

const CheckedOption = (props) => ( )

我想用自定义图标创建菜单选项。我没有这些图标的 unicode 值。我创建了一个自定义 MenuOptionWithIcon 组件并将图标和菜单选项包装在一个视图中。

但我现在无法将 customStyles 应用于这些选项。我想增加每个选项的填充,以便增加点击目标。这是创建带有图标的自定义菜单选项的正确方法吗?或者有没有办法为我需要的图标获取 unicode 值?谢谢!

编辑:

根据以下答案中的建议,我执行了以下操作,但现在我只看到菜单选项中的文本。我没有看到正在显示的图标。onSelect 有效,显示文本但不显示图标。

0 投票
1 回答
1262 浏览

react-native - 如何使用菜单测试组件

我正在尝试使用 Jest 的快照测试包含菜单的组件。问题是菜单的内容没有呈现,所以我无法测试整个组件。

有没有办法强制菜单呈现其所有 MenuOption?我尝试使用<Menu opened={true}>...</Menu>但结果是一样的。

例如,此代码将生成不包含foo.

0 投票
2 回答
4367 浏览

react-native - 如何在 MenuTrigger 中设置图标

我的导航栏中有一个菜单图标,我需要将其用作菜单。

在此处输入图像描述

我正在尝试使用react-native-popup-menu库来实现这一点。

该组件<MenuTrigger />仅接受文本(字符串)作为道具。

如何使用图标作为菜单触发器?

0 投票
3 回答
2039 浏览

react-native-popup-menu - React-Native-Popup-Menu 和 Stack Navigator

ReactNavigation Stack Navigator 具有 HeaderRight 属性,可用于将菜单按钮放置在标题中,但没有上下文菜单。

是否可以在 Stack Navigator 中集成 React Native 弹出菜单?

提前致谢。

0 投票
1 回答
6888 浏览

react-native - React Native 弹出菜单移动选项框

我有一个 React Native Popup Menu 实现如下:

现在它看起来像这样关闭:

关闭

这打开了:

打开

我想让打开的框向下移动到触发器按钮下方,同时仍将触发器保持在同一位置。我怎样才能用样式来做到这一点?

0 投票
1 回答
326 浏览

reactjs - 是否可以使用菜单选项打开另一个菜单?

目前我可以通过单击菜单触发器来打开菜单,并且效果很好。我现在正在尝试实现一个过程,以便我可以打开菜单-a,从菜单-a 中选择一个选项,然后使用滑入方法打开菜单-b。这个模块有可能吗?

0 投票
3 回答
3536 浏览

react-native - wix/react-native-navigation 导航栏中的上下文弹出菜单

是否可以在“react-native-navigation”导航栏中使用“react-native-popup-menu”设置三点上下文菜单?或者我们是否有任何其他方法可以使用“react-native-navigation”导航栏在 IOS 和 Android 中设置三点上下文菜单?

0 投票
2 回答
18183 浏览

react-native - 在 React Native 中长按打开上下文菜单

我想使用 React Native 在长按不同的地方触发上下文菜单。

即在像默认拨号器一样的拨号器中。您可以长按任何联系人并获得“副本号码”菜单。您还可以在打开他们的“联系人卡片”后长按此人的姓名。

直接的方式需要大量复制粘贴的样板,包括组件和处理程序。

这样做有更好的模式吗?