Swift UINavigation 底线和阴影去除，无需导航栏颜色更改

Question

My Scenario, I am trying to remove bottom line and shadow from UINavigationBar using iOS 13 - Swift 5 . Here, Before iOS 13 - Swift 5 , I used below code for removing bottom line and shadow without changing navigation bar color. Now, It is not showing NavigationBar color (I already set Bar Color and Background Color) also disabled Transulent.

Code:

UINavigationBar.appearance().shadowImage = UIImage()
UINavigationBar.appearance().setBackgroundImage(UIImage(), for: .default)

How to fix this? Need to remove bottom line shadow and also want to give NavigationBar Colour.

Answer 1

For me, it only worked after changing the following (>= iOS13)

let navBarAppearance = UINavigationBarAppearance()
navBarAppearance.configureWithOpaqueBackground()
navBarAppearance.shadowColor = .clear
navBarAppearance.shadowImage = UIImage()
navigationController?.navigationBar.standardAppearance = navBarAppearance
navigationController?.navigationBar.scrollEdgeAppearance = navBarAppearance

Answer 2

If you are using iOS 13, you can't remove the shadow by setting the shadowImage to UIImage() . You'll have to set the shadowColor to nil or UIColor.clear .

Answer 3

Try with this, I added in viewDidLoad. It works for me.

self.navigationController?.navigationBar.shadowImage = UIImage()

Answer 4

Below Code working for me

UINavigationBar.appearance().setBackgroundImage(UIImage(), for: UIBarMetrics.default)
UINavigationBar.appearance().shadowImage = UIImage()
UINavigationBar.appearance().isTranslucent = false
UINavigationBar.appearance().barTintColor = #colorLiteral
UINavigationBar.appearance().titleTextAttributes = [NSAttributedString.Key.foregroundColor : UIColor.white]

Answer 5

This seems to be working for iOS13 and Swift

let barAppearance = UINavigationBarAppearance()
barAppearance.configureWithTransparentBackground()

Answer 6

XCODE 13 - iOS 15

For Xcode 13 and targeting iOS ver 13 and above you can use this code:

 if #available(iOS 13.0, *) {
                let appearance = UINavigationBarAppearance()
                appearance.configureWithOpaqueBackground()
                appearance.backgroundColor = .red // Your color
                appearance.shadowColor = .clear
                appearance.shadowImage = UIImage()
                navigationController?.navigationBar.standardAppearance = appearance;
                navigationController?.navigationBar.scrollEdgeAppearance = navigationController?.navigationBar.standardAppearance

            }

Answer 7

If you want to do with UINavigationBarAppearance you can do with this.

let appearance = UINavigationBarAppearance()
appearance.configureWithDefaultBackground()
appearance.shadowImage = UIImage()
appearance.shadowColor = UIColor.clear
appearance.backgroundImage = UIImage()
appearance.backgroundColor = UIColor.white
UINavigationBar.appearance().scrollEdgeAppearance = appearance

Answer 8

Starting from iOS 15 and in order to fix wrong navigation bar color glitch, you have to use relatively newest API of UINavigationBarAppearance and tiny but important moment - to refresh navigation bar if it's already on the screen. Below is the full code:

if #available(iOS 15.0, *) {
      let appearance = UINavigationBarAppearance()
      appearance.configureWithOpaqueBackground()
      appearance.backgroundColor = <#your_color#>
      appearance.shadowImage = UIImage()
      appearance.shadowColor = .clear
      UINavigationBar.appearance().standardAppearance = appearance
      UINavigationBar.appearance().compactAppearance = appearance
      UINavigationBar.appearance().scrollEdgeAppearance = appearance
      UINavigationBar.appearance().compactScrollEdgeAppearance = appearance

      // force refresh navigation bar background color
      isNavigationBarHidden = true
      isNavigationBarHidden = false
}