问题标签 [react-native-modal]

我很难将任何具有固定位置（浮动）的 UI 元素放置在模态内容超过屏幕高度的反应原生模态上。Flash 消息/小吃栏等也会出现类似的问题。它们呈现在模式内容的顶部/底部（如果滚动则不可见），而不是显示在页面的顶部/底部。我使用 react-native-paper 的 FAB 创建了一个示例来演示这一点。链接在这里 - https://snack.expo.io/PnX5RCE1_？

示例代码：

我想在 React Native 应用程序中显示模态，但仍然能够通过按下和平移事件与模态背后的内容进行交互。这可能吗？

它似乎阻止了所有带有其背后内容的事件，这对于我正在构建的应用程序类型是有问题的。对此的任何黑客攻击也将受到欢迎。

即使边距为 0，我在反应原生模式的底部也有边距，请帮我解决这个问题

代码 ：

看看这张图片

在我的 react native 0.64 应用程序中，Modal 用于处理 Android 上的用户输入。执行一个useEffect钩子并检查一些参数的可用性。如果缺少键，则将激活模式并从用户那里获取输入，或为用户生成键。路由是使用 React Navigation 5.x 完成的。问题是用户点击生成新密钥后，代码卡住了，永远不会结束或完成。我怀疑该组件已卸载并导致挂起。但是我找不到代码卡住的原因。这是代码：

我不确定我想做的事情是否可行。我想创建一个过滤器，所以我想我会用嵌套平面列表来做（第一个 FL 是标题，然后第二个是他们的数据）。我在一个模态里有这个，所以有很多状态更新。我继续遇到状态问题，如果用户单击标题，它不会让我隐藏或显示嵌套的平面列表数据。

我是否试图强迫它做一些它不适合的事情？或者这是一个简单的任务，我只是没有正确调用 onPress 函数？

我遇到的一些错误"cannot update a component from inside the function body of a different component." "this synthetic event is reused for performance reasons. is you're seeing this you're accessing the property "bubbles"..."

我试图在我的应用程序上使用模态，但我想分成不同的类，如 App.js 和 /components/modal。我遇到的问题是我无法正确传递道具。这是我的代码。

我导入了模态。

我创造了状态。

印刷机上的可见功能。

调用组件。

我不明白我应该设置什么道具以及如何正常工作。

需要拖动来扩展和调整视图的大小，就像照片中一样

尝试了许多反应原生库，如 react-native-draggable-view 和 react-native-modalize，但找不到合适的解决方案。

这个 GIF 是从 GoJek 应用程序中挑选出来的。

简单的模型外观

如何在透明区域上方的 react-native-modals 中添加具有绝对位置的这两个组件

我正在加载一个带有来自选定地图标记的信息的模式。我通过保存所选标记的状态并将其传递给模态中的组件来显示来自该特定标记的信息来做到这一点。结果，标记没有聚焦，地图会快速回到它的起始位置（在许多情况下，是用户的位置）。

有没有办法保持焦点或以某种方式加载模式，不会将地图重置为默认位置？

这是一个片段：

我有一个模式，我希望它在打开时占据设备的全屏。但它正在向右移动，而不是全屏。它的外观如下：

这是模态，在这个模态中我有一个带有以下代码的组件：

并具有以下样式：