SwiftUI如何在List或可滚动视图中追加展示日志消息

报错原因 #

你当前的fullLogMessage是单个String类型，而ForEach要求传入可遍历的集合类型（比如数组），因此出现类型不匹配的报错。

实现方案 #

第一步：调整数据结构 #

将存储日志的变量从单个字符串改为字符串数组，如果你是在当前视图内管理日志，声明方式如下：

// 存储所有历史日志
@State private var logMessages: [String] = []

如果日志更新来自外部的ViewController回调，原来的更新逻辑是直接给fullLogMessage赋值，现在改为调用追加方法：

// 每次新日志生成时执行，替代原来的 fullLogMessage = 新日志
logMessages.append(新日志内容)

如果你必须保留原有Binding<String> fullLogMessage的入参，可通过监听变化自动追加，适配原有逻辑：

// 原有入参保留
@Binding var fullLogMessage: String
// 内部维护日志数组
@State private var logMessages: [String] = []

// 给视图添加监听修饰符
.onChange(of: fullLogMessage) { newLog in
    guard !newLog.isEmpty else { return }
    logMessages.append(newLog)
}

第二步：视图实现 #

固定ScrollView高度刚好容纳2条日志，超出内容可滚动查看：

VStack(alignment: .leading, spacing: 4) {
    Text("Logs")
        .font(.footnote)
        .fontWeight(.medium)
    // 高度值可根据你的字体大小调整，刚好放下2行文本即可
    ScrollView() {
        LazyVStack(alignment: .leading, spacing: 2) {
            ForEach(logMessages, id: \.self) { log in
                Text(log)
                    .font(.custom("FONT_NAME", size: 12))
                    .lineLimit(1) // 可选：单条日志限制1行，避免单条过长占用过多高度
            }
        }
    }
    .frame(height: 30)
}

可选优化：新日志自动滚动到底部 #

如果需要新增日志后自动展示最新内容，可配合ScrollViewReader实现：

VStack(alignment: .leading, spacing: 4) {
    Text("Logs")
        .font(.footnote)
        .fontWeight(.medium)
    ScrollView() {
        ScrollViewReader { proxy in
            LazyVStack(alignment: .leading, spacing: 2) {
                ForEach(logMessages.indices, id: \.self) { index in
                    Text(logMessages[index])
                        .font(.custom("FONT_NAME", size: 12))
                        .lineLimit(1)
                        .id(index)
                }
            }
            .onChange(of: logMessages.count) { _ in
                guard let lastIndex = logMessages.indices.last else { return }
                proxy.scrollTo(lastIndex, anchor: .bottom)
            }
        }
    }
    .frame(height: 30)
}

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