SwiftUI navigationBarBackButtonHidden 沒有按預期工作

Question

我遇到了navigationBarBackButtonHidden修飾符的問題。 它不會隱藏導航后退按鈕...

這是列表的源代碼：

import SwiftUI

struct ContentView: View {
    @State var showSheet = false

    var body: some View {
        NavigationView {
            List(chatsData, id: \.self.id) { chat in
                NavigationLink(destination: ChatView(chat: chat)) {
                    ChatRow(chat: chat)
                }
            }
            .navigationBarTitle("Chats")
        }
    }
}

這是一個預覽：

這是我希望隱藏“默認”后退按鈕的視圖的代碼：

import SwiftUI

struct ChatView: View {
    var chat: Chat
    @Environment(\.presentationMode) var presentationMode: Binding<PresentationMode>
    @State var name: String = "Some text"

    fileprivate var backButton: some View {
        Button(action: {
            self.presentationMode.wrappedValue.dismiss()
        }, label: {
            Image(systemName: "chevron.left")
        })
    }

    var body: some View {
        NavigationView {
            VStack(alignment: .leading, spacing: 0) {
                Spacer()

                TextField("Name's placeholder", text: $name)
                    .clipShape(Rectangle())
                    .overlay(Rectangle().stroke(Color("lightgray"), lineWidth: 2))
                    .lineLimit(5)
            }
            .navigationBarBackButtonHidden(true)
            .navigationBarItems(leading: backButton)
            .navigationBarTitle("\(chat.id)", displayMode: .inline)
        }
    }
}

但是，當單擊第一個屏幕截圖中的列表項時，我得到的是：

“<聊天”后退按鈕仍然存在。

我設法通過將 List 的代碼更新為以下內容來隱藏它：

NavigationLink(destination: ChatView(chat: chat).navigationBarBackButtonHidden(true)) {
    ChatRow(chat: chat)
}

然而，頂部和下一個視圖的標題之間仍然存在巨大差距：

Answer 1

一個導航堆棧上應該只有一個NavigationView ，所以

struct ChatView: View {
    ...
    var body: some View {
        NavigationView { // << NavigationView not needed here !!!

刪除標記的導航視圖，應該可以工作。

使用 Xcode 11.2、iOS 13.2 測試