SwiftUI：NavigationStack中safeAreaInset不随导航栏滚动的异常问题

解决方案：将Header整合到滚动内容中 #

safeAreaInset的特性是固定在安全区域内，不会随滚动内容移动。要实现Header随导航栏一起滚动的效果，需要把Header作为List内容的一部分，而不是依赖safeAreaInset。

方案1：Header作为List首个元素

直接将Header放在List的最前面，使其成为滚动内容的一部分，滑动时会和导航栏、List内容同步移动：

struct ContentView: View {
  
  var body: some View {
    NavigationStack {
      List {
        // 原safeAreaInset的Header内容，作为List第一个元素
        Text("Safe Area Header")
          .foregroundStyle(Color.blue)
          .font(.title)
          .padding()
          .listRowInsets(EdgeInsets()) // 移除List行默认内边距，对齐原位置
        
        // 原List内容
        ForEach([0, 1, 2, 3], id: \.self) { item in
          Text("\(item)")
        }
      }
      .navigationTitle("Navigation Title")
    }
  }
}

方案2：粘性Header（滚动时保持在导航栏下方）

如果希望Header滚动时始终停留在导航栏下方，可使用Section的header实现粘性效果：

struct ContentView: View {
  
  var body: some View {
    NavigationStack {
      List {
        Section(header: 
          Text("Safe Area Header")
            .foregroundStyle(Color.blue)
            .font(.title)
            .padding()
        ) {
          ForEach([0, 1, 2, 3], id: \.self) { item in
            Text("\(item)")
          }
        }
      }
      .navigationTitle("Navigation Title")
      .listStyle(.plain) // 可选：使用plain风格让Header更贴合导航栏
    }
  }
}

这种方式下，Header会一直固定在屏幕顶部（导航栏下方），直到该Section的内容完全滑出视野。

内容的提问来源于stack exchange，提问作者Vadzim