SwiftUI List中UICalendarView渲染异常问题求助

问题现象 #

在SwiftUI的List视图中嵌入UICalendarView时，日历内容会超出Section边界，最后一周被截断，同时收到警告：

[UICalendarView] UICalendarView's height is smaller than it can render its content in; defaulting to the minimum height.

解决方案 #

1. 改用UIViewRepresentable直接封装UICalendarView #

原有的UIViewControllerRepresentable会引入额外的ViewController布局层级，改用更轻量的UIViewRepresentable可减少布局冲突：

struct MyCalendarView: UIViewRepresentable {
    func makeUIView(context: Context) -> UICalendarView {
        let calendarView = UICalendarView()
        calendarView.calendar = Calendar(identifier: .iso8601)
        calendarView.tintColor = .tintColor
        calendarView.translatesAutoresizingMaskIntoConstraints = false
        return calendarView
    }
    
    func updateUIView(_ uiView: UICalendarView, context: Context) {}
}

2. 给日历视图设置足够的最小高度并调整行内边距 #

在List的Section中，给日历视图设置适配的最小高度（可根据显示周数调整，比如显示6周设置350左右），同时去掉Section行的默认内边距，让日历填满Section宽度：

List {
    Section(header: Text("text")) {
        MyCalendarView()
            .frame(maxWidth: .infinity, minHeight: 350)
            .listRowInsets(EdgeInsets(top: 0, leading: 0, bottom: 0, trailing: 0))
    }
}

3. 可选：调整List的行高行为 #

若上述方法仍有问题，可修改List的默认行高设置，让行高自适应内容：

List {
    // ... 日历Section内容 ...
}
.listRowHeight(.fit)
.environment(\.defaultMinListRowHeight, 0)

原因说明 #

UICalendarView作为UIKit控件，在SwiftUI的List/Section布局体系中无法正确传递自身所需的完整高度。List默认根据子视图的固有内容尺寸计算行高，但UICalendarView的固有高度未被SwiftUI正确识别，导致系统使用最小高度布局，最终截断内容。通过明确设置最小高度、简化封装层级，可让日历获得足够显示空间，适配Section边界。

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