无法在React Native中选择模型之外的内容

问题描述 投票:0回答:1

我正在开发一个 React Native 应用程序,其中使用搜索栏执行查询并在搜索栏正下方打开的模式中显示结果。我的目标工作流程如下:

用户在搜索栏中输入查询。 当用户提交查询时,搜索栏下方会打开一个模式,显示搜索结果。 用户应该能够与模式中的搜索结果进行交互或在搜索栏中修改其搜索查询。 问题: 模式打开后,我无法单击返回搜索栏来编辑或修改搜索查询。该模式似乎阻止了与搜索栏的交互,并且未注册触摸事件。目前,编辑搜索查询的唯一方法是关闭模式,在搜索栏中进行更改,然后通过执行新搜索重新打开模式。

当前行为: 提交搜索后,模式会在搜索栏下方正确打开,显示搜索结果。 然而,模式似乎阻止了与搜索栏的交互。 要更新查询,我必须关闭模式,更新搜索查询,然后再次搜索 - 每次都重新打开模式。 预期行为: 我希望搜索栏在模式打开时保持完全交互,以便用户可以在不关闭模式的情况下调整搜索查询。 该模式应动态显示更新的搜索结果,而不需要用户关闭并重新打开它。

react-native react-native-modal
1个回答
0
投票

我相信我理解你的问题。您遇到的问题是,模式打开时会阻止您与搜索栏或下面的任何其他组件进行交互。这实际上是模式的预期行为 - 它被设计为出现在所有其他组件之上并阻止与它们的交互,直到它关闭。

如果我处于您的情况,我将使用具有位置:绝对的视图组件创建自定义模式,而不是使用内置模式。这样,您仍然可以拥有类似模态的外观,同时保留与搜索栏和后台其他组件交互的能力。

请告诉我此解决方案是否有帮助或者您是否需要进一步说明!

© www.soinside.com 2019 - 2024. All rights reserved.