🔨

SwiftUI - iPadのNavigationViewが分割される時の対処法

2022/05/18に公開

iPadで表示が変わる

SwiftUIのNavigationViewはデフォルトで下のようになります。これをiPhoneと同じように画面が別れず全体に表示されるようにします。

デフォルト

対処後

対処法

ContentView.swift
import SwiftUI

struct ContentView: View {
    var body: some View {
        NavigationView{
            NavigationLink(destination: SecondView()) {
                Text("Navigation Link")
            }
        }.navigationViewStyle(.stack)
    }
}

struct SecondView: View {
    var body: some View {
        Text("SecondView")
    }
}

ポイント

.navigationViewStyle(.stack)

この箇所でNavigationViewのスタイルを変えています。

参考記事

https://stackoverflow.com/questions/63942234/navigation-view-not-working-properly-in-swiftui-on-ipad

Discussion