[iOS][UiKit] Navigation BackButton ( 사라지는 현상, 화살표만 표시 )

 

코드로 Navigation 영역 수정을 반복하다가 알게 된 사실 ..

원래는 Navigation Back 버튼을 통해 화면을 전환했다가 돌아오면, 해당 버튼이 보이지 않는 현상때문에 수정을 하려고 했었는데, 이를 수정하다 우연히 필요했던 구현을 하게 되었다.

---

Navigation Back Button

A 화면에서 Navigation 버튼을 통해 B 화면으로 전환했을 때, B화면에서 다시 A 화면으로 돌아가는 Navigation 영역의 Back 버튼을 컨트롤러의 타이틀은 보이지 않고, 화살표 모양만 보이게 하고 싶었다.

 

일단 뒤로가는버튼이 사라지는 현상의 원인

네비게이션 바의 스타일과 버튼 속성이 정확하게 설정되어있는지 확인해야 했다. 그래서 다음과 같은 코드를 사용해서 네비게이션 바의 스타일과 버튼 속성을 설정할 수 있다.

 

        // 이전으로 돌아가는 버튼 설정
        let backButton = UIBarButtonItem()
        backButton.title = ""
        backButton.tintColor = UIColor.white
        navigationItem.backBarButtonItem = backButton

 

이를 코드에 추가시키니까, Back 버튼이 사라지지 않았다.

 

해결책

근데 내가 이해를 하지 못했던 것이.. 저 코드를 B 컨트롤러 파일이 아닌 A 컨트롤러 파일에 작성해야했다.

-> 네비게이션 컨트롤러를 통해 다음 화면으로 이동 한 후 이전화면으로 돌아갈 때, 돌아가기 버튼의 외관을 커스터마이즈하려면, 이전화면(A)에서 설정해야 한다. 이는 navigationItem.backBarButtonItem 속성을 사용하여 이전화면(A)에서 버튼의 모양과 텍스트를 지정하기 때문이다.

navigationItem.backBarbuttonItem 속성은 현재화면(B)의 네비게이션 아이템에 영향을 주지 않고, 이전화면(A)에서 다음화면(B)의 돌아가기 버튼을 커스터마이즈하기 위해 사용된다고 한다. 따라서, 다음화면(B)에서 이 코드를 작성한다고 해도 돌아가기 버튼의 외관이 변경되지 않을 것이다.

따라서 이전화면(A)에서 해당 코드를 사용하여 돌아가기 버튼을 커스터마이즈해야 한다. 다음화면(B)에서 돌아가기 버튼의 외관을 변경하려면, 이전화면(A)의 viewWillAppear메서드나 viewDidLoad메서드에서 해당 코드를 작성하면 된다.

이전화면(A)에서 navigationItem.backBarButtonItem을 커스터마이즈하는 이유는, 네비게이션 컨트롤러가 화면 전환을 처리하기 때문이다. 이전화면(A)으로 돌아가기 버튼은 이전화면(A)이 활성화되기 전에 표시되기 때문에, 해당 화면에서 버튼의 외관을 커스터마이즈해야 정상적으로 나타날 수 있다.