SwiftUI：如何在View构建代码中引用类子类式View结构体为变量

核心问题 #

SwiftUI的View是带关联类型的协议，直接用any View作为属性返回会触发类型擦除，容易引发视图更新异常、布局失效等问题，且不符合SwiftUI的最佳实践。不需要修改原有YahIcon、NahIcon结构体，用以下两种方法即可解决：

方法1：使用@ViewBuilder定义计算属性（单视图复用） #

在当前View内定义带@ViewBuilder的计算属性，通过条件判断返回对应Icon，返回不透明类型some View，完美适配SwiftUI的视图系统：

struct YourContentView: View {
    let data: YourDataModel // 假设包含toggle属性的业务模型
    
    // 带@ViewBuilder的计算属性，根据条件返回对应Icon
    @ViewBuilder
    private var currentIcon: some View {
        if data.toggle {
            YahIcon()
        } else {
            NahIcon()
        }
    }
    
    var body: some View {
        // 直接复用currentIcon，支持链式添加修饰符
        currentIcon
            .foregroundColor(.accentColor)
            .frame(width: 24, height: 24)
    }
}

优势：无需额外封装，直接复用原有Icon结构体，视图更新逻辑正常，修饰符可以直接链式调用。

方法2：封装通用容器View（多视图复用） #

如果多个视图都需要根据相同条件切换这两个Icon，可以封装一个独立的容器View，集中管理逻辑，同样不修改原有Icon：

// 封装通用切换Icon的View
struct ToggleIconView: View {
    let isOn: Bool
    
    var body: some View {
        if isOn {
            YahIcon()
        } else {
            NahIcon()
        }
    }
}

// 在其他视图中调用示例
struct ProfileView: View {
    let data: YourDataModel
    
    var body: some View {
        ToggleIconView(isOn: data.toggle)
            .foregroundColor(.gray)
    }
}

struct SettingsView: View {
    let data: YourDataModel
    
    var body: some View {
        ToggleIconView(isOn: data.toggle)
            .scaleEffect(1.2)
    }
}

优势：适合多场景复用，一次封装多处调用，后续修改切换逻辑只需维护ToggleIconView，降低维护成本。

为什么不推荐用any View？ #

用private var currentIcon: any View虽然能通过编译，但类型擦除会让SwiftUI无法精准追踪视图的依赖关系，可能导致视图不随data.toggle更新，或出现布局偏移、动画失效等问题，因此优先选择some View结合@ViewBuilder的方案。

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