javascript - 使用 zIndex 样式和 React-Native 将 View 置于 Modal 之上

Question

zIndex最近已被引入 React-Native 以更改 View 的位置在层叠中。

不过，我不能带View在 Modal 之上组件。

我的代码是这样的:

render() {
  return (
    <View>
      <Modal visible>
        {props.children}
      </Modal>
      <View style={{ zIndex: 1000 }}>
        <Text>Loading...</Text>
      </View>
    </View>
  );
}

我想我可以停止使用 <Modal>并创建一个常规动画 <View>这会表现得像 Modal ，但我宁愿找到另一种解决方案。

有什么想法吗？

Answer 1

不幸的是，再多的zIndex 操作也无法带来高于 react native Modal 的东西。 Modal 组件是一个原生 View ，位于您的 react-native 应用程序的其余部分之上。将某些东西放在它上面的唯一方法是将某些东西放在模态本身中，或者交替使用仅 js 的模态实现。

顺便说一句，react-native-community 版的 modal 也是建立在 react-native modal 之上的，所以也会有同样的问题。这里有关于不同js实现的讨论: https://github.com/react-native-community/react-native-modal/issues/145