navigationBarやtabbarとかの背景色は、toolbarBackgroundで変更できるらしいです。これをやることでSafeArea部分が透過していたのを色で埋めたりができるようになりますよ
ひとまず、navigationBarの色を青にしてみる
ひとまずTwitterみたいな画面を作ってみて、navigationBarの背景色を変えてみる
■てきとーにviewを作って、以下のモディファイアをつける
.toolbarBackground(Color.blue for: .navigationBar)
.toolbarBackground(.visible, for: .navigationBar)
結果
これ、設定色々できるらしい。
上部に記載してる.visibleの場合、navigationbarがスクロール中もトップに戻った場合も適用するもので、
この設定がないと、スクロールのときだけ、色が反映されてしまう
トップにある時
スクロール後
ちなみに、forの後は、設定を反映させる場所で、
.navigationBar
.tabBar
.bottomBar
などが指定できる模様。
ひとまずよく使うnavigationBarを使ったので記録がてら