react-native : 고정 헤더의 그림자가 scrollView 아래로 이동합니다.

Question

고정 된 위치의 헤더가보기의 맨 위에 있고 scrollView가 있습니다. scrollView가 스크롤되면 헤더 아래로 이동합니다. 괜찮아요.하지만 헤더 그림자가 중앙에서 제거되어 가장자리에 남습니다. 어떻게 그림자를 고쳐서 scrollView를 스크롤해도 변경되지 않습니까?

position:'absolute'을 사용하는 경우 그림자 문제가없는 경우 페이지 상단에 헤더를 첨부하는 데 flex: 0을 사용하고 있습니다. flex: 0으로 어떻게 그림자를 가질 수 있습니까?

image of the header & scroolView

Answer 1

당신은 zIndex를 사용해야합니다. 그러면 헤더가 scrollView 위에 표시되고 그림자가 생깁니다.

Answer 2

"yourView.layer.zPosition"의 값을 늘리십시오. 값을 높게 설정하면 화면의 다른보기와 관련하여보기의 우선 순위가 정해집니다.