自 iOS 14 起在 swiftui 中使用 navigationbaritems 时如何修复列表奇怪的填充？ [复制]

Question

自 iOS 14 以来，我有一个奇怪的行为，即我在添加 navigationBarItems 后立即在 NavigationView 中的列表周围有一个填充...

我的代码：

import SwiftUI

struct TestList: View {
  var body: some View {
    NavigationView{
      List {
        Text("hello world")
        Text("hello world")
        Text("hello world")
      }
      .navigationBarTitle(Text("Test List"), displayMode:.inline)
      .navigationBarItems(leading:
                            Image(systemName: "bell")
      )
    }
  }
}

struct TestList_Previews: PreviewProvider {
  static var previews: some View {
    TestList()
  }
}

我该如何解决这个问题？

谢谢

Answer 1

好的，我明白了……

我需要在列表中添加一个 ListStyle：

https://developer.apple.com/documentation/swiftui/liststyle

import SwiftUI

struct TestList: View {
  var body: some View {
    NavigationView{
      List {
        Text("hello world")
        Text("hello world")
        Text("hello world")
      }
      .listStyle(PlainListStyle())
      .navigationBarTitle(Text("Test List"), displayMode:.inline)
      .navigationBarItems(leading:
                            Image(systemName: "bell")
      )
    }
  }
}

struct TestList_Previews: PreviewProvider {
  static var previews: some View {
    TestList()
  }
}