[iOS/swift] UINavigaitonBar tint color iOS 15 +

iOS 14의 경우 large title 에서 적용되었던 scrollEdgeAppearance 속성이 iOS15에서는 모든 네비게이션에 적용된다고 합니다..

iOS 15에서 프로젝트 생성하여 네비게이션을 사용하거나 기존에 네비게이션을 사용한 프로젝트도 한번씩 확인해야 할 것 같아요 🤔

 

scrollEdgeAppearance 는 

스크롤 가능한 컨텐츠의 edge가 navigation bar 의 edge와 정렬되는 경우 appearance를 세팅해 줍니다!

예를 들어서 big title의 경우 title이 네비게이션에 그려지는 것을 볼 수 있습니당

 

이 속성의  default 값은 nil 이지만 iOS 15 부터는 모든 네비게이션에 적용되기 때문에

처음 화면에 나타나는 네비게이션은 투명하게 그 이후 스크롤 컨텐츠를 스크롤 하면 반투명 색상이 나타나는 걸 확인 할 수 있어요

투명하거나 원하는 색상이 있으면 아래 같이 속성을 지정해 줍니다

appDelegate의 

func application(_ application: UIApplication, didFinishLaunchingWithOptions launchOptions: [UIApplication.LaunchOptionsKey : Any]?) -> Bool

에서 지정해 주거나 UIViewController의 클래스에서 

override func viewWillAppear(_ animated: Bool)

지정해 주면 됩니다

override func viewWillAppear(_ animated: Bool) {
        super.viewWillAppear(animated)
        let appearance = UINavigationBarAppearance()
        appearance.configureWithOpaqueBackground()
        appearance.backgroundColor = .red
        navigationController?.navigationBar.standardAppearance = appearance
        navigationController?.navigationBar.scrollEdgeAppearance = navigationController?.navigationBar.standardAppearance
    }

원하는 백그라운드 컬러를 지정해 주면 처음과 스크롤 시에도 같은 색상을 유지합니다

barTintColor not working in iOS 15 | Apple Developer Forums