问题标签 [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 投票
0 回答
769 浏览

javascript - 我可以使用 marginBottom 将 React-Native 弹出菜单移出它所在的组件吗?

我试图使用在 TextInput 中选择部分文本后显示的上下文菜单,但本机弹出菜单正在覆盖它。我不能把菜单放在上面的元素中。如果我把它放在当前位置,键盘会覆盖它。我试图使用 marginBottom 将菜单移得更高,但它不起作用。唯一可以让我将菜单选项移动到本机弹出窗口上方的是 paddingBottom,但它在应用程序中看起来不太好。

是否有可能在没有 paddingBottom 的情况下获得类似的结果,或者至少使菜单的额外部分透明?

0 投票
0 回答
1248 浏览

javascript - 如何使用 react-native-popup-menu 从 FlatList 调用弹出菜单

我正在寻找使用 react-native-popup-menu 从 FlatList 调用弹出菜单的选项。大多数示例和 github 参考可能是基于您仅在应用程序屏幕上显示弹出菜单而没有其他任何内容的假设。

在访问了几十页之后,我从这个页面得到了一些线索:https ://github.com/instea/react-native-popup-menu/blob/master/examples/MenuMethodsExample.js

并提出了以下解决方案。如果有人可以改进它,那就太好了。否则,我发布此内容的想法是,像我这样的其他人可能会发现这很有用。

以下是相关代码的摘录:

// JS文件

0 投票
1 回答
64 浏览

react-native-popup-menu - 在 react-native 0.59.3 上安装 react-native-popup-menu 时出错

我正在使用 react-native 版本 0.59.3,当我尝试安装 react-native-popup-menu 版本 0.59.3 时出现此错误:

0 投票
1 回答
1468 浏览

android - 使用“react-native-popup-menu”在 Android 上不会出现弹出菜单

我正在使用 react-native-popup-menu 制作移动应用程序。(React Native) 弹出单元在 iOS 上运行良好。但是当我在 Android 模拟器上测试它时,它不会在 Android 上购物。

我看到一篇帖子建议修复涉及 MenuContext> 元素。但看起来该元素已被插件开发人员弃用。

弹出菜单不会覆盖 Android 中的其他组件

我正在寻找适用于 React Native Android 环境的最新解决方案。

我的应用现在看起来像这样:

导入所有工具。

主应用程序如下所示。一切都包含在 MenuProvider 中。

这是我构建弹出菜单的地方。我正在按照官方教程中的示例进行操作。

https://github.com/instea/react-native-popup-menu

按出现顺序,我有 View> 元素,然后是 Menu>、MenuTrigger>、MenuOptions> 和 MenuOption>。

预期:当您单击 MenuTrigger 元素时,将弹出菜单。实际结果:当您单击 MenuTrigger 元素时,什么也没有发生。

0 投票
0 回答
123 浏览

react-native-popup-menu - 在菜单打开时在 MenuOption 中动态设置文本子项

我需要在打开菜单时对 MenuOption 进行条件渲染。

似乎 MenuOptions 中的 MenuOption 是在我的测试打开菜单之前呈现的。

基于时间戳差异,我需要更改图标和样式。

我注意到菜单打开时会触发,我编写了一个函数来更新全局变量,但是全局变量似乎是在构建菜单时设置的,而不是在打开选项时设置的。

我正在尝试的简化版本。注意style每个<Text>元素中的条件canSplit

我希望当 onOpen 被触发时,全局变量会被更新,并且 MenuOption 会响应更改而不是预渲染并且永远不会再更改

0 投票
0 回答
236 浏览

react-native - 将 react-native-popup-menu 与 react-native-navigation 集成

react-native-popup-menu 文档中所述,要使用它,我们必须用component 包装我们的根App组件MenuProvider。由于react-native-navigation我们无法控制该容器,因为它是由本机端管理的,所以是否有一种解决方法可以react-native-popup-menu与之集成react-native-navigation

0 投票
1 回答
192 浏览

react-native-popup-menu - 如何在弹出菜单中添加偏移量?

我想抵消我的按钮上弹出的菜单。我希望弹出窗口不会阻碍单击的按钮。

我阅读了文档并尝试添加样式,但找不到添加样式的位置和方式。该文档提到该库的某些组件接受一个customStyles道具,但每当我尝试给它一些东西时它都会出错,比如<MenuOptions customStyles={{top: 10}}>.

0 投票
1 回答
113 浏览

react-native - React Native 将选定的 asyncStorage 值传递给 Popup onPress

我正在尝试为我选择的值制作一个弹出屏幕。这是在本地存储中。

我正在尝试将值 firstname、lastname、phone 传递给 Popup。

像这样

我希望值“h”显示在“呼叫”和“文本”旁边。

这是我最喜欢的联系页面。

这是我的弹出页面。

请各位高手帮帮我。

0 投票
0 回答
273 浏览

javascript - React Native 弹出菜单 - 右上角样式

WhatsApp UI 克隆

嗨,我正在尝试使用 NativeBase 和 react-navigation 克隆 WhatsApp UI。我正在使用这个react-native-popup-menu包并且进展顺利,除了我想调整弹出菜单的宽度并且我想要菜单topright为 0。

谢谢。

0 投票
1 回答
343 浏览

react-native - 如何使用 react-native-popup-menu 在自定义渲染器组件中创建关闭动画?

我正在使用react-native-popup-menu并创建了我自己的renderer组件。它是一个函数组件,所以简而言之它看起来像这样:

viewAnimations包含开场动画,代码比较大,但可以在这个小吃中看到。

文档说“为了处理异步关闭动画,渲染器可以实现close()在菜单关闭之前调用的方法。关闭方法必须返回Promise。”

我阅读了ContextMenu 代码,它是一个类组件并实现close()为:

我试图在我的函数组件中实现类似的东西,但代码没有被执行。我认为它不起作用,但我能做些什么来创建关闭动画?我想做一个淡出动画。