问题标签 [react-native-modal]

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 回答
63 浏览

react-native - 为什么 FlatList 项中的模态不会全屏显示(仅限 IOS)?

我正在尝试使用 react-native 构建应用程序。我Flatlist用来显示项目。当用户单击更多选项(点)时,会出现下拉菜单。当用户单击任何下拉项目时,弹出窗口将全屏显示。它在 Android 中运行良好,但在 IOS 中它出现在 flatlist 项中。IOS模态需要模态

有没有什么办法解决这一问题?我也试过react-native-modal了,它的行为是一样的。

0 投票
1 回答
276 浏览

android - Touchable opacity OnPress not working in React native

TouchableOpacity onPress is not working inside Flatlist but when I replaced onPress with onPressIn/onPressOut it is working fine, but in that case the reaction is too fast and having issue while scrolling. I don''t know what it is happening and haven't found any related issue. Below is my code:

#xA;#xA;

It is rendered inside a Modal using react-native-modals library. Any help would be appreciated. Thank you.

0 投票
1 回答
58 浏览

android - 为什么在 Android 上打开模式会冻结整个应用程序?

每当我尝试Modalhttps://github.com/react-native-modal/react-native-modal显示 a 时,它只会在 Android 设备(物理设备和模拟器)上运行时冻结应用程序。无法点击任何按钮或输入控件。iOS 完全正常。

出于测试目的,我制作了一个简单的模态,如下所示:

wherehideModal只是一个将状态更改isVisible为 false 的简单函数。

不管我在模态框里放了什么内容,或者即使我把它完全留空,它总是会在 android 上冻结。将任何内容移到 Modal 之外都可以正常工作。我用 react-native 附带的模态替换了 react-native-modal,但同样的问题发生了。

反应原生版本是0.64.1

react-native-modal 版本是11.0.1

我无法将这些升级到最新版本,因为应用程序的许多其他部分都依赖这些版本。

0 投票
0 回答
51 浏览

javascript - 带有 react-native-modals 的 Scrollview 在 IOS 上无法正常工作

我在使用 react-native-modals 的 Swipe 模型中遇到滚动视图问题。问题出在 Android 中,滚动流畅且运行良好。然而,iOS 的滚动量很小,它滚动的量很小,然后就停止了,这意味着我必须在屏幕上重复滚动 10 次才能查看只有少量内容的底部。这是模型的代码。

模态内容截图

我将不胜感激任何帮助或建议。谢谢

0 投票
0 回答
16 浏览

reactjs - React Native - 切换 2 种模式 - 承诺?

我需要切换模式以根据用户在第一个模式中的选择显示一组不同的信息。

目前的逻辑是这样的 -

模态只是标准的 react-native-modal 设置

如果我删除 settimeout 逻辑不起作用 - 因为它不显示第二个模式。随着超时它的工作原理 - 但我确信这是一个黑客,必须有更好的方法?但是我不确定在这种情况下的攻击计划。

0 投票
0 回答
14 浏览

react-native - 我们如何单独使用 react-native-modalfy 重新配置模态?

how can we reconfigure modals using react-native-modalfy separately?

就像App.tsx 我在下面配置了这样的模式。

我想更改DemoModal2.

同样会有更多的模态。所以我需要一些例子..