React Native：Modal与根组件重叠

Question

I have such structure of screen:

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

MessageBar is a rectangle with styles: {position: absolute, zIndex: 1000}

As a result, MessageBar anyway is overlaped by Modal backdrop. I tried all possible combination with position and zIndex for both - Modal and MessageBar .

Any help is appreciated.

Thanks

Answer 1

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