自 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()
  }
}

自 iOS 14 以来，如何在 swiftui 中使用 navigationbaritems 时修复列表奇怪的填充？

How to fix the list strange padding when using navigationbaritems in swiftui since iOS 14?

navigationview

swiftui

navigationbaritems

ios14