swiftui - SwiftUI 列表中的 contentInset

Question

有没有办法设置contentInset在 SwiftUI 上 List ?我需要调整底部插图以使最后一个项目在底部按钮上方可见。

我目前的解决方案如下Section(header: Color.clear.frame(height: 64)) { EmptyView() }但我想知道有没有更好的方法？

Answer 1

我对您的问题的解决方案与 Asperi 类似的答案，但他的答案不会显示 Button在 View 顶部自 Button位于 Form 中最后一节的页脚处. (如果不滚动到底部，Button 将不可见。)

struct ContentView: View {
  
  @Environment(\.colorScheme) var colorScheme
  
  let stringArray: [String] = [String](repeating: "Example", count: 30)
  
  var body: some View {
    ZStack(alignment: .bottom) {
      List {
        ForEach(0..<stringArray.count) { stringIndex in
          Section {
            Text(stringArray[stringIndex])
          }
          
          if  stringIndex == stringArray.count - 1 {
            Spacer()
              .listRowInsets(EdgeInsets())
              .listRowBackground(
                colorScheme == .light ?
                  Color(.secondarySystemBackground) :
                  Color(.systemBackground)
              )
          }
        }
      }
      .listStyle(InsetGroupedListStyle())
      
      Button(action: {}) {
        Label("ADD NEW ITEM", systemImage: "plus")
      }
      .foregroundColor(.white)
      .font(.headline)
      .frame(height: 64)
      .frame(maxWidth: .infinity)
      .background(Color.red)
      .cornerRadius(5)
      .padding(.horizontal)
    }
  }
}