SwiftUI中是否可以将Stack或Group声明为属性来收集视图？

1. 报错原因说明 #

你写的var content = VStack()会报错是因为SwiftUI的VStack是泛型值类型结构体，不是UIKit中可动态修改子视图的类：

SwiftUI容器视图初始化时就需要确定所有子视图的类型，生成后无法动态添加/删除子视图，你沿用UIKit的addSubview思路在SwiftUI原生体系中不适用。

2. 解决Text不连贯的问题 #

你用ForEach逐个返回Text会导致每个Text都是独立视图，自然无法拼接为连贯文本。SwiftUI支持直接用+运算符拼接不同样式的Text，最终返回一个整体Text即可实现连贯富文本效果：

// 先收集所有文本片段
var combinedText = Text("")
for index in mappedInput.indices where index > 0 {
    let word = mappedInput[index]
    guard !isTag(tag: word) else { continue }
    let previous = mappedInput[index - 1]
    switch previous {
    case "i":
        combinedText = combinedText + Text("\(word) ").italic().foregroundColor(.gray)
    case "h":
        combinedText = combinedText + Text("\(word) ").foregroundColor(.green).bold()
    case "f":
        combinedText = combinedText + Text("\(word) ").bold()
    default:
        combinedText = combinedText + Text("\(word) ")
    }
}
// 最后直接把combinedText放到body里渲染即可

3. 实现「先收集异构视图再渲染」的容器 #

如果你的内容还包含Image、Divider这类非Text的视图，可以用[any View]数组作为收集容器（iOS 16+支持，比手动写AnyView体验好，不需要每次都手动擦除类型）：

class Demo {
    // 定义收集异构视图的容器
    var content: [any View] = []

    private func parse() {
        for index in mappedInput.indices where index > 0 {
            let word = mappedInput[index]
            guard !isTag(tag: word) else { continue }
            let previous = mappedInput[index - 1]
            switch previous {
            case "i":
                content.append(Text("\(word) ").italic().foregroundColor(.gray))
            case "h":
                content.append(Text("\(word) ").foregroundColor(.green).bold())
            case "f":
                content.append(Text("\(word) ").bold())
            case "eh":
                content.append(Divider().frame(maxWidth: 200).padding(.vertical, 24))
            case "img":
                content.append(Image(word).resizable().scaledToFit().frame(width: UIScreen.main.bounds.width * 0.7, height: 150))
            default:
                content.append(Text("\(word) "))
            }
        }
    }
}

// 渲染的时候遍历数组即可
struct RenderView: View {
    let content: [any View]
    
    var body: some View {
        ScrollView {
            VStack(alignment: .leading) {
                ForEach(0..<content.count, id: \.self) { index in
                    AnyView(content[index])
                }
            }
            .padding()
        }
    }
}

如果需要兼容iOS 15及更低版本，把数组类型改成[AnyView]，每次append元素的时候套一层AnyView()即可。

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