はじめに
SwiftUIのHostingViewAからUIKitのViewControllerB（縦画面固定）をモーダルで表示すると、横向き(landscape)で表示→閉じた際に、元のSwiftUIのナビゲーションバーの高さが異常に大きくなる問題が起きます。
今回は、先生と生徒の会話を通してわかりやすく解説していきます。
登場人物
- 先生：アプリ開発に詳しい高校の情報科の先生。
- まさと：iOSアプリ開発を始めたばかりの高校2年生。
- あかね：UIまわりが気になるデザイナー志望の高校生。
ある日の放課後、情報教室にて
まさと：先生ー！SwiftUIからUIKitの画面（ViewControllerB）を呼び出すアプリ作ってるんですけど、へんなバグが出ました！
先生：どんなバグかな？
まさと：ViewControllerBを横向きで表示してから閉じると、SwiftUI画面に戻ったときナビゲーションバーがめっちゃでかくなるんです……
あかね：それってなんか見た目が壊れてるみたいでイヤだね〜！
先生：うん、それはよくある落とし穴なんだ。
UIKitとSwiftUIを組み合わせて使うと、向き（portrait/landscape）やサイズクラスがちゃんと戻らないことがある。
問題のコード
まさと：ViewControllerBでは、こうやって画面の向きを固定してます。
override var supportedInterfaceOrientations: UIInterfaceOrientationMask {
return .portrait
}
先生：なるほど。これでViewControllerBは縦画面固定だね。
でも、問題はここから。
横向きの状態でViewControllerBを出して、閉じると、元のSwiftUIの画面（HostingViewA）が「まだ横向きっぽい状態のまま」になるんだ。
あかね：へぇ〜。なんでそんなことに？
先生：iOSは画面の向きに関する情報を traitCollection や Safe Area で管理してる。
だけど、途中で強制的に縦固定の画面を出すと、それが閉じられたときに元の状態にうまく戻らないことがある。
解決方法を教えて！
まさと：じゃあ、どうすればナビゲーションバーが元に戻るの？
先生：それはね、「アプリ全体の向き制御の窓口」を1箇所にまとめて、今一番前面にいる画面の向きを見るようにするんだ。
あかね：え、アプリ全体のって、どこに書けばいいの？
先生：AppDelegate っていうところに書くといいよ。
iOSアプリの「司令塔」みたいな役割だね。
AppDelegate に書くコード
func application(_ application: UIApplication,
supportedInterfaceOrientationsFor window: UIWindow?) -> UIInterfaceOrientationMask {
if let topVC = UIApplication.topViewController() {
return topVC.supportedInterfaceOrientations
}
return .allButUpsideDown
}
まさと：おお！シンプル！
先生：これで、今一番上に表示されてる画面の「向きの設定」が、そのままアプリ全体の向き制御として機能するようになる。
トップViewControllerを取得する拡張
あかね：でも、一番上に表示されてるViewControllerって、どうやって取るの？
先生：いい質問だね。こんな便利な拡張があるよ：
extension UIApplication {
static func topViewController(
base: UIViewController? = UIApplication.shared
.connectedScenes
.compactMap { ($0 as? UIWindowScene)?.keyWindow }
.first?.rootViewController
) -> UIViewController? {
if let nav = base as? UINavigationController {
return topViewController(base: nav.visibleViewController)
}
if let tab = base as? UITabBarController,
let sel = tab.selectedViewController {
return topViewController(base: sel)
}
if let presented = base?.presentedViewController {
return topViewController(base: presented)
}
return base
}
}
最後に確認しよう！
まさと：じゃあ、ViewControllerBではもう supportedInterfaceOrientations は書かなくていいの？
先生：基本的には、NavigationControllerB でまとめて制御するのがスマートだね。
class NavigationControllerB: UINavigationController {
override var supportedInterfaceOrientations: UIInterfaceOrientationMask {
return .portrait
}
override var shouldAutorotate: Bool {
return true
}
}
あかね：これで、デザインも崩れないし安心！
先生：うん。これで横向き→縦向きの切り替えもうまくいって、ナビバーの高さも正常に戻るようになるよ。
まとめ
- UIKit画面で向きを個別に固定すると、SwiftUI画面に戻ったときにサイズ情報が崩れることがある
- AppDelegate で「今一番上に表示されているVCの向き」を返すようにすると、向き切り替えが安定
- トップViewController取得には便利な拡張を使おう！
まさと・あかね：先生、ありがとう〜〜！
先生：また何かあったら、いつでも聞いてね！