[iOS] Navigation Bar Title 변경

Instagram Clone Application을 제작하던 중, Navigation Bar 의 제목을 변경했는데 Tabbar의 제목까지 함께 변경되는 문제를 겪었다. 간단하지만, 나중에 까먹지 않기위해 기록하려고 한다.

Navigation Bar Title 변경하는 방법

경우의 수 1 ) 그냥 Navigation Controller만  embed 했을 때

// 1번 방법
title = "제목을 바꿔요"

// 2번 방법
self.title = "제목을 바꿔요"

// 3번 방법
self.navigationItem.title = "제목을 바꿔요"

// 4번 방법
self.navigationController?.navigationBar.topItem?.title = "제목을 바꿔요"

그냥 Navigation Controller만  embed 했을 때 결과 

경우의 수 2 ) Navigation Controller와 Tab Bar Controller가 함께 embed 됐을 때

이런 상황에서

self.title = "제목을 바꿔요"

혹은

self.title = "제목을 바꿔요"

이렇게 제목을 지정해주면, 

이런 결과값이 나온다. 분명 네비게이션 컨트롤러의 Title만 수정하고 싶었는데, 탭바 아이템의 제목도 변경이 되어버리는 것이다. 

 

따라서, Tab Bar Controller와 Navigation Controller가 같이 embed 되어있는 경우에 Navigation Controller의 Title 만 변경해주고 싶다면, 아래의 방법을 사용하자.

 

self.navigationItem.title = "제목을 바꿔요"

혹은

self.navigationController?.navigationBar.topItem?.title = "제목을 바꿔요"

결과는 아래의 그림과 같다. 

Navigation Bar의 제목은 변경되었지만, Tab Bar item의 제목은 변하지 않는 것을 확인할 수 있다. 

경우의 수 3 ) Navigation Bar만 추가했을 때

이럴 때는 먼저 아웃렛 변수를 선언하고, 제목을 바꿔준다. 아래의 코드를 이용해서!

import UIKit

class ViewController: UIViewController {

    @IBOutlet weak var navBar: UINavigationBar!
    
    override func viewDidLoad() {
        navBar.topItem?.title = "제목제목!!"
    }
    
}

세가지 경우의 수 모두를 기록해보았다. 다시는 까먹지 않을 것 같다!! iOS 공부는 하면 할 수록 매력적이고 재미있는 것 같다. 

 

마지막으로, iOS 공부할 때는 물론이고 이 포스트를 작성하면서도 참고하였던 zedd 님의 블로그 주소를 남기며 포스트를 마무리한다.

iOS ) Navigation bar Title 변경방법