带有自动获取安全区域的SwiftUI内容的UITableViewHeaderFooterView

import UIKit
import SwiftUI

class CustomHeaderView: UIViewRepresentable {
    func makeUIView(context: Context) -> UIView {
        let view = UIView()
        view.backgroundColor = .blue
        let label = UILabel()
        label.text = "Header View"
        label.textColor = .white
        view.addSubview(label)
        label.translatesAutoresizingMaskIntoConstraints = false
        NSLayoutConstraint.activate([
            label.centerXAnchor.constraint(equalTo: view.centerXAnchor),
            label.centerYAnchor.constraint(equalTo: view.centerYAnchor)
        ])
        return view
    }
    
    func updateUIView(_ uiView: UIView, context: Context) {
    }
}

struct ContentView: View {
    var body: some View {
        List {
            Section(header: CustomHeaderView()) {
                Text("Item 1")
                Text("Item 2")
            }
            Section(footer: CustomHeaderView()) {
                Text("Footer View")
            }
        }
    }
}

func makeUIView(context: Context) -> UIView {
    let view = UIView()
    view.backgroundColor = .blue
    let label = UILabel()
    label.text = "Header View"
    label.textColor = .white
    view.addSubview(label)
    label.translatesAutoresizingMaskIntoConstraints = false
    NSLayoutConstraint.activate([
        label.centerXAnchor.constraint(equalTo: view.centerXAnchor),
        label.centerYAnchor.constraint(equalTo: view.centerYAnchor)
    ])
    
    if #available(iOS 11.0, *) {
        view.safeAreaInsets.bottom = 20
    }
    
    return view
}