SwiftUI：兩個並排列表和一個 NavigationView 的意外行為

Question

賞金將在 23 小時后到期。 此問題的答案有資格獲得+50聲望賞金。 jvdveuten正在尋找規范的答案。

我有一個屏幕，在NavigationView中並排有兩個List 。 布局正確呈現，我可以獨立滾動兩個列表。 問題是，當我滾動第一個列表時，它會在導航欄后面移動，而不會觸發對其應用背景色的效果。 這是一個顯示正在發生的事情的 gif：

這是我用於此視圖的代碼：

struct ContentView: View {

    var body: some View {
        NavigationView {
            HStack(spacing: 0) {
                List {
                    Section(header: Text("Header left")) {
                        ForEach(0..<600) { integer in
                            Text("\(integer)")
                        }
                    }
                }
                .listStyle(InsetGroupedListStyle())
                .frame(minWidth: 0, maxWidth: .infinity)

                List {
                    Section(header: Text("Header right")) {
                        ForEach(0..<400) { integer in
                            Text("\(integer)")
                        }
                    }
                }
                .listStyle(InsetGroupedListStyle())
                .frame(minWidth: 0, maxWidth: .infinity)
            }
            .navigationTitle("Example")
        }
        .navigationViewStyle(StackNavigationViewStyle())
    }

}

這會是 SwiftUI 錯誤嗎？ 如果沒有，我怎樣才能使第一個列表在滾動時與導航欄正確交互？

Answer 1

我最終禁用了UINavigationBar的大標題和透明度。

import Introspect

@State private var navigationBar: UINavigationBar?

HStack(spacing: 0) {
    ...
}
.navigationBarTitleDisplayMode(.inline)
.introspectNavigationController {
    $0.navigationBar.scrollEdgeAppearance = $0.navigationBar.standardAppearance
    navigationBar = $0.navigationBar
}
.onDisappear {
    navigationBar?.scrollEdgeAppearance = nil
    navigationBar = nil
}

要訪問UINavigationController ，我使用了 SwiftUI Introspect lib

Answer 2

這是一個錯誤。 NavigationView和NavigationStack的工作方式，它們只考慮其內容中最后出現的List或ScrollView來為導航欄設置動畫。

我現在能想到的唯一解決方法是：

1. 使用.navigationBarHidden(true)或.toolbar(.hidden) （對於 iOS 16+）修飾符隱藏導航欄
2. 將導航欄固定到位

.navigationBarTitleDisplayMode(.inline)
.toolbarBackground(Color.white, for: .navigationBar)
.toolbarBackground(.visible, for: .navigationBar)

對於 iOS 16+ 或通過玩UINavigationBarAppearance的 UIKit-ish 方式對於舊的 iOS 版本

3. 實現您自己的導航欄，使用幾何閱讀器跟蹤列表，並根據列表位置執行 animation，但這里的努力是不值得的。