SwiftUI background和ScrollView复杂视图冲突问题

问题描述

在SwiftUI中，当我尝试给现有的视图添加ScrollView时，总会提示编译器性能问题。

CompileDylibError: Failed to build Home.swift
    
Compiling failed: the compiler is unable to type-check this expression in reasonable time; try breaking up the expression into distinct sub-expressions

因此，我将ScrollView添加到VStack视图中，通过添油战术，一点一点的把代码添加进去。

ScrollView {
    // 顶部存钱罐左侧的图标
    HStack(spacing: 0) {
        // 其他代码
    }
    .background(colorScheme == .light ? Color(hex:"FF4B00") : Color(hex:"2C2B2D"))
}

当使用background时，Xcode报编译器性能问题。

隐藏background后，Xcode不再报错。

这也就意味着，当 background 和复杂视图组合时，有时候 Swift 编译器无法推断视图的类型，导致 the compiler is unable to type-check this expression in reasonable time 错误。

解决方案

如果 background 视图没有明确的大小，SwiftUI 可能会花费较长时间推断尺寸。可以手动指定 frame 来优化。

// 给背景颜色设置 frame
.background(
    RoundedRectangle(cornerRadius: 10)
        .fill(colorScheme == .light ? Color(hex:"FF4B00") : Color(hex:"2C2B2D"))
        .frame(maxWidth: .infinity, maxHeight: .infinity)
)

frame 使 background 的尺寸明确，提升编译速度。

视图树更可控。

问题得到解决。