[UIKit] Navigation 영역에 불필요한 여백 생기는 이슈 해결

문제 상황

내비게이션 영역에 내비게이션 바 버튼과 타이틀을 함께 사용하니까 다른 탭으로 이동 시 버튼 영역이 여백으로 생기는 이슈가 발생했습니다.

아래와 같은 화면에서는 버튼도, 타이틀도 함께 쓰이기 때문에 여백이 없어 보이지만 타이틀이 너무 커서 화면의 너무 많은 영역을 차지하는 이슈도 보였습니다.

 

문제 해결

내비게이션 타이틀을 없애고 UIBarButtonItem에 UILabel을 추가하여 화면에 보이는 여백을 없앨 수 있었습니다.

let titleLabel: UILabel = {
    let label = UILabel()
    label.text = "마이페이지"
    label.font = .systemFont(ofSize: 24, weight: .bold)
    return label
}()

let titleButton = UIBarButtonItem(customView: titleLabel)

navigation.viewControllers.first?.navigationItem.leftBarButtonItem = titleButton