Дополнительные элементы для представления назначения SwiftUI

Question

Может кто-нибудь объяснить, почему существует 2 элемента пользовательского интерфейса (UINavigationBarContentView, UINavigationBarLargeTitleView) между изображением (синий прямоугольник) и заголовком панели навигации (текст Один )?

Код, который я использую это:

let item: ImageNameModel
@State private var image: Image?

var body: some View {
    NavigationView {
        VStack {
            if image != nil {
                image?.resizable().scaledToFit()
            } else {
                Text("Image not loaded")
            }
        }
        .padding([.horizontal, .bottom])
    }
    .navigationBarTitle(Text(item.name))
    .onAppear(perform: loadImage)
}

Answer 1

Это, вероятно, из-за дополнительного NavigationView.

Вам не нужно иметь NavigationView, оборачивающий пункт назначения.

Например, с этим примером кода здесь:

struct RootView: View {
    var body: some View {
        NavigationView {
            NavigationLink(destination: DestinationView()) {
                Text("Click here")
            }.navigationBarTitle(Text("Title"))
        }
    }
}

struct DestinationView: View {
    var body: some View {
        NavigationView {
            Text("Destination")
                .navigationBarTitle(Text("Destination"))
        }
    }
}

Я получаю такой результат:

Но если я уберу NavigationView из DestinationView, я получу результат, который, вероятно, то, что вы ожидаете: