iOS - Navigation Bar が表示されなくなった時の対処方法

Navigation Bar が消えた？

ある日プロジェクトを Xcode を開いたら、今ままで表示されていた Navigation Bar の色が消えて、表示されなくなっていました。

調べてみると、iOS 15 のナビゲーションバーの transparency のデフォルト設定の変更によるものでした。

ここでは Xcode のストーリーボードで、どのようにして iOS 14 の時と同様の見た目のナビゲーションバーに戻したのかをご紹介します。

まず、プロジェクトを Xcode で開いて、 Navigation Contoller の Navigation Bar をストーリーボードで選択します。

この iOS アプリはナビゲーションバーの背景色に赤っぽい色を、タイトルのフォントの色は白で Verdana Bold 20.0 に指定しています。

Attribute インスペクターで変更前の値を見るとこんな感じでした。

以前は Bar Tint、Title Font、Title Color を設定すれば、ナビゲーションバーに反映されていました。

iOS 15 で同じような見た目のナビゲーションバーにするには、まず Attribute インスペクターの Appearances で Standard と Scroll Edge を選択します。

そして、Standard Appearance の Background に背景色を、Standard Title Attributes にタイトルのフォントと色を設定します。

同様に、Scroll Edge Appearance の Background と Scroll Edge Title Attributes に Standard Appearance と同じ設定します。

これで、以前と同じ見た目のナビゲーションバーになりました。

以上、Navigation Bar が表示されなくなった時の対処方法をご紹介しました。