React Native：Modal与根组件重叠

Question

我有这样的屏幕结构：

import Modal from 'react-native-modal';
...
<View>
  <MessageBar />
  <Modal>
    <modal content is here>
  </Modal>
</View>

MessageBar是一个矩形，其样式为：{position: absolute, zIndex: 1000}

结果，MessageBar无论如何还是被Modal背景覆盖。我为position和zIndex尝试了与Modal和MessageBar的所有可能组合。

感谢您的帮助。

谢谢

Answer 1

如果您使用的是Modal，则无论您为组件指定什么zIndex，它都将始终与屏幕上的组件重叠。