Swiftでナビゲーションバーの境界線を素早く削除する方法

Swiftでナビゲーションバー（UINavigationBar）の境界線を削除するのはとても簡単で、数行のコードを追加するだけで実現できます。まずは、何も変更せずにアプリを実行したときのナビゲーションバーの見た目を確認してみましょう。

ナビゲーションバーの境界線を非表示にする仕組み

それでは、上の画像の下部に表示されている線（境界線・シャドウ）を非表示にしていきます。

ナビゲーションバーにデフォルトで表示されるグレーのシャドウと下線は、次の2つの要素によって作られています。

• 背景画像（backgroundImage）
• シャドウ画像（shadowImage）

このうち片方だけでも変化しますが、両方を空の画像に設定することで境界線を完全に消すことができます。

手順1：シャドウ画像を空の画像に設定する

まずはシャドウ画像を空のUIImageに設定してみましょう。viewDidLoadメソッドに以下のコードを追加してください。

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

上記のコードを実行すると、シャドウが消え、次のような表示になります。

手順2：背景画像も空の画像に設定する

続いて、シャドウ画像と同様に背景画像も空のUIImageに設定します。これにより、ナビゲーションバーの境界線が完全に消え、バー自体が存在しないかのように見えるようになります。

補足：iOS 13以降での推奨方法

iOS 13以降のプロジェクトでは、UINavigationBarAppearanceを使って境界線を制御するのが推奨されています。以下のようにshadowColorをクリアに設定する方法もあります。

if #available(iOS 13.0, *) {
    let appearance = UINavigationBarAppearance()
    appearance.configureWithDefaultBackground()
    appearance.shadowColor = .clear
    navigationController?.navigationBar.standardAppearance = appearance
    navigationController?.navigationBar.scrollEdgeAppearance = appearance
}

状況に応じて、シンプルなshadowImage／backgroundImageの設定か、UINavigationBarAppearanceを使ったモダンな手法を選択するとよいでしょう。