问题标签 [react-native-modal]

我创建了一个自定义ModalContext.js，但是当我触发按钮时，我的测试模式似乎没有显示onPress

我在测试屏幕上有一个按钮来检查它是否有效。

正如我在控制台上看到的那样，它似乎实际上调用了该函数，"hey there"但没有出现模式。

我使用react-native-modal

这是我的模态

如您所见，我的想法是半开然后向下滑动关闭

我的问题是它表现得很奇怪，模态没有正确更新，有时模态打开的方式比预期的要少

我一直试图弄清楚为什么按钮在我的模态中不起作用两天，我不明白出了什么问题。

我环顾四周，似乎没有人遇到这个问题，所以这可能是我安装 expo 的方式有问题，但是，我只是想看看是否有人能发现我正在犯的明显错误。

我在 ios 模拟器上并通过 expo 运行它。

我正在尝试为聊天应用程序制作一个底部滑块以显示一些菜单项（我正在使用 react-native-gifted-chat），但我无法为模态设置特定高度，那么如何解决这个问题？

我尝试使用maxHeight并尝试包含模态，<View><Modal/></View>但这也不起作用。另外，你们能推荐一个我可以实现 IOS 的软件包，比如上滑菜单（操作表）。

是否可以创建一个单独的模态组件，在不同的屏幕上重复使用不同的内容？

我在主 index.js 组件中创建了一个底部表，我可以将不同的内容传递到底部表中，如下例所示：

但是，我无法将 Bottom Sheet 移动到一个单独的组件中：这非常困难，因为 ref 对我来说是未定义的。

正如标题所述，我正在尝试以仅占用屏幕的某些部分的方式实现模式，以便允许用户能够与某些背景组件进行交互。作为参考，我正在使用该react-native-modal库。当前屏幕如下所示：

我希望能够与标题中的图标进行交互（两者都已经包装在 Touchable 组件中，因此已经可以点击）。但是，当模态可见时，我无法与它们进行交互。

我的实现是这样的：

我的自定义背景如下所示：

我是 React Native 的新手，目前正在学习开发聊天应用程序。

我有一个Modal包含评级 UI

使用这些方法

ChatScreen.js

RatingModal.js

不工作

任何人都知道为什么会发生这种情况？PS：showRateModal状态运行良好。我只是好奇为什么我不能将Modal包装器移入RatingModal.js？

我正在开发一个应用程序，应用程序中的一个屏幕有许多模态（比如说 7-8 个模态），用于显示信息或输入数据。问题是，当我导航到此屏幕时，渲染屏幕总是需要很长时间（2-3 秒）。在我将这些模式放在屏幕上之前，屏幕很平滑并且渲染速度很快。我猜这是因为屏幕必须渲染所有模式，即使它们尚未显示。这是真的吗？我该如何解决这个问题。

有人可以帮助将数据传递给模态吗？.map 函数从 data [] 数组（滑块需要）返回月份名称，我也想在模态视图中显示那个特定的月份。

目前看来：

和模态：

期望：

不幸的是，模态中只有 [] 的第一个月可见。

我还将 .js 文件进行审查：

我已经构建了一个正在运行的应用程序，它应该在用户完成运行后显示用户的运行数据。当跑步者确认他们已经停止跑步时，他们会从“完成屏幕”返回“主屏幕”。

有时，包含用户跑步信息的模式不会弹出，而其他时候，模式会在用户完成跑步后弹出，进入主屏幕，然后进入他们的个人资料屏幕，然后返回主屏幕。

只有当它们来自完成屏幕时，它才会弹出。以下是当前行为的示例：

完成屏幕 => 主屏幕（模式应该会弹出，但有时不会）

完成屏幕 => 主屏幕 => 配置文件屏幕（通过抽屉导航器访问）=> 主屏幕（弹出模式，但不应该）

下面是我的代码：

//主屏幕

//完成画面