当通过导航链接导航到视图时，swiftUI 中显示的额外导航栏区域

【问题标题】：Extra navigation bar area shown in swiftUI when view is navigated to by navigation link当通过导航链接导航到视图时，swiftUI 中显示的额外导航栏区域
【发布时间】：2021-08-04 12:48:06
【问题描述】：

带导航视图的视图

NavigationLink(destination: FruitySortedListView(shake: shake), isActive: $showingFruity) { EmptyView() }

如图所示：

.navigationTitle("Navigation Title")

IMAGE: You can see that there is a lot of extra space

【问题讨论】：

确保您在NavigationView 中没有NavigationView。

标签： ios swift swiftui swiftui-navigationlink

【解决方案1】：

考虑这个例子，它可以完美地工作，没有图像中的额外空间。

import SwiftUI

struct ContentView: View {
    
    @State var isActive = true
    
    var body: some View {
        NavigationView {
            NavigationLink(destination: EmptyView(), isActive: $isActive) {
                VStack {
                    Text("Hi")
                    Spacer()
                }
                .background(Color.red)
            }
            .navigationTitle("Navigation Title")
        }
    }
}

struct EmptyView: View {
    var body: some View {
        VStack {
            Text("navigation")
            Spacer()
        }
        .background(Color.red)
        .navigationTitle("EmptyView")
    }
}

struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
    }
}

【讨论】：