[Today I Define] NavigationBar를 덮지 못하는 이슈

안녕하세요~

오늘은 

내비게이션 바까지 뷰가 덮지 못했던 이슈를 정리하려고 합니다 : )

 

다음과 같이 우측 하단의 플로팅 버튼을 클릭하게 되면 

내비게이션 바를 제외한 영역만 덮고 있는 것을 확인할 수 있습니다.

 

티드

 

시도했던 방법들을 먼저 소개해보겠습니다.

 

첫 번째, zPositon을 수정하면 정상적으로 동작할 거라고 생각에서 버튼을 클릭할 시에 zPositon의 값을 OverlayView보다 작게 주어 확인해 봤습니다. 하지만 해결되지 않았습니다.

 

두 번째, 기존에 사용하던 JJFloatingActionButton 라이브러리의 OverlayView가 아닌 커스텀 뷰를 만들어 적용했으나 역시 마찬가지로 해결되지 않았습니다.

 

세 번째, 그러면 navigationBar에 커스텀뷰를 따로 넣으면 어떻게 될까 생각하여 심심풀이로 적용해봤습니다. 문제가 해결된 줄 알았지만 당연하게도 statusBar까지는 커버해주지 않았습니다.

 

네 번째, Hierarchy(계층)를 살펴보고 해결해보기로 했습니다.

 

MainViewController의 overlayView가 적용된 모습

 

현재 내비게이션 컨트롤러 ( Root )의 Child에 무엇이 포함되어 있나 확인해 봤습니다.

 

Optional([<UINavigationTransitionView: 0x7fae51614c10; frame = (0 0; 390 844); clipsToBounds = YES; autoresize = W+H; layer = <CALayer: 0x600003bf57a0>>, <UINavigationBar: 0x7fae5141f990; frame = (0 47; 390 148); opaque = NO; autoresize = W; tintColor = UIExtendedGrayColorSpace 0 1; layer = <CALayer: 0x600003a4fc80>>)

 

UINavigationTransitionView와 UINavigationBar가 있었습니다.

그래서 이곳에 버튼을 넣게 되면 버튼과 Navigation Bar의 하이라키가 동일선상에 있게 되지 않을까 싶어 적용해 봤습니다. 

결과적으로 아래와 같이 잘 적용이 되었습니다.

 

 

다시 한번 하이라키를 확인해 보니 정상적으로 작동한 것 같습니다.

아마도 플로팅 버튼이 OverlayView를 넣어주고 있던 SuperView를 바꿔줬기 때문에 

해결이 가능했던 것 같습니다.

 

아래는 변경 이후 적용된 하이라키입니다.

Overlay View가 역할을 해준 모습

 

 

오늘은 여기까지 정리해 보겠습니다 : )

그럼 이만 👋🏻 👋🏻 👋🏻