react-native - 当模态在本机中打开时，我如何单击模态后面的组件

Question

我想做这个布局：

目前我通过这种方式进行布局：

• 菜单属于下面的部分，并且 i marginTop: -30 位于图像上方
• FlatList 是绝对视图，并且 zIndex 大于 Menu。FlatList 有动态数据，FlatList 的每个项目都有 textInput 来搜索数据（看这张图片） 我尝试了 2 种方法： 第一种方法：
• 我用于列表过滤数据，它受到 Flatlist 区域的限制，因此我的过滤列表无法完全显示，只有 2 行可见，其余过滤数据不可见。我已经尝试增加平面列表的高度，现在我可以完全看到过滤后的列表，但我无法单击菜单按钮，因为菜单被平面列表覆盖了， 第二种方式
• 我使用 Modal 并尝试使用这个库：react-native-modal-dropdown，我可以访问我的专家 UI，但是因为它使用 Modal，所以当 Modal 出现时，我在 Item 中的 textInput 失去焦点，所以我不能继续输入到 TextInput直到我关闭模态。你们有什么解决办法吗？提前致谢

标签： react-native

Answer 1

modal 组件使用原生 Modal，当它仍然可见时，您将无法与它之外的元素进行交互。我不确定为什么不能使用 View 来显示结果，但也许你可以尝试使用 FlatList ？