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

Question

zIndex 最近被引入到 React-Native 以改变层堆栈中 View 的位置。

虽然，我无法在 Modal View 之上添加 --- 。

我的代码如下所示：

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

我想我可以停止使用 <Modal> 并创建一个常规动画 <View> 其行为类似于 Modal ，但我宁愿找到另一个解决方案。

任何想法？

原文由 alexmngn 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

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

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

原文由 Jordan Davis 发布，翻译遵循 CC BY-SA 4.0 许可协议