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

이상이어야한다 내가 무슨 찾은 것 같아요.

나는 페이스 북 문서에 읽으면서

에 오버 플로우 스타일의 호텔 기본적으로 숨겨져 안드로이드

Answer 2

그것이 작동하지 않습니다 때문에 멀리 "Z- 색인"에서 유지하는 것이 좋습니다 변경할 수 없습니다 안드로이드에서 예상대로. 대신 position : 'absolute'와 함께 요소의 순서를 사용하십시오. 잘 작동합니다.

참고 - How to overlap in react-native