Zindex如何在反应中起作用

Question

此代码在iOS和Android上的工作方式不同 - 我不明白为什么吗？我尝试使自动完成，并在标题组件内进行建议列表 - 但应该超过标题 内容

<View style={{flex: 1}}>
  <View style={{
      height: 50,
      backgroundColor: 'red',
      left: 0,
      position: 'absolute',
      right: 0,
      top: 0,
      zIndex: 1
  }}>
    <Text>Header</Text>
    <View style={{
        backgroundColor: '#3F9',
        left: 50,
        position: 'absolute',
        height: 100,
        right: 50,
        top: 25,
        zIndex: 1
    }}><Text>Should overlay Content</Text></View>
  </View>
  <View style={{flex: 1, backgroundColor: 'yellow'}} >
    <Text>Content</Text>
  </View>

Answer 1

最好远离" zindex"，因为它在Android中无法正常工作。而是将元素的顺序与位置一起使用："绝对"。它可以正常工作。

参考 - 如何重叠反应

Answer 2

我想我找到了发生的事情。

我在Facebook文档上阅读

溢出样式属性默认为隐藏，并且无法在Android上更改