React Native-模态叠加

Question

Modal 1 -- Component 1
              |
           Component 2
              |
Modal 2 -- Component 3

我有一个类似上面的“绘图”的场景，其中组件3在组件2中初始化，而组件2在组件1中初始化。

组件1和3分别包含一个具有模态的组件。

如果组件3的模态已打开。如果打开了组件1的模态，则该模态将被隐藏。 但是，我希望它位于堆栈的顶部和正面。

我尝试对代码中的内容进行排序，并尝试使用zIndex位置为绝对或相对位置。

{position: 'relative/absolute', overlay: {zIndex: 99}};

但似乎都不起作用。

我看过类似的帖子，但找不到有效的答案。

如果从堆栈中的“较高”组件打开其他模态，如何强制模态1始终可见

Answer 1

您可以使用Modal组件或其他模块。

但是，如果您想创建自己的模态，则可以遵循这种模式。

在主组件应用中，有2个子组件

<App>
  <Home /> //All components/navigation are here
  {
    isModalOpen && <Modal />
  }
</App>

将模式样式设置为以下位置：绝对，左：0，右：0，上：0，下：0