見出し画像

[Swift]NavigationBarの色が変わらない件(Xcode14.2)

Udemyの講座でNavigationBarのBar TintとTitle Colorを変更して色をつけましょうという手順があったが、Xcode 14.2では単純にいかなかったので備忘として残しておく。

1. 現象

NavigationBarの「Bar Tint」に色を設定したが反映されない。

Bar Tintに色を設定
Title Colorに色を設定
NavigationBarの色が変わらない

2. やったこと

2.1. 背景色

結構根が深いのかと思ったが、対応は簡単。
Appearancesの「Standard」「Scroll Edge」にチェックを入れ、
各AppearanceのBackgroundに色を設定すればOK。

Standard、Scroll Edgeをチェック
Standard AppearanceのBackgroundに色を設定
Scroll Edge AppearanceのBackgroundに色を設定
NavigationBarに背景色がつく

2.2. 文字色

こちらも簡単。背景色と同様に、まずAppearancesの「Standard」「Scroll Edge」にチェックを入れる。
その後、各Text AttributesのTitleを「Custom」にし、Title Colorに色を設定する。

Standard Text AttributesのTitle Colorに色を設定
Scroll Edge Text AttributesのTitle Colorに色を設定
NavigationBarの文字に色がつく

3. 終わりに

Xcodeのバージョンによってこのあたりの挙動が結構変わるみたいで厄介。。。

この記事が気に入ったらサポートをしてみませんか?