SwiftUI中TextEditor字符数关联ProgressView问题求助

核心问题分析 #

你遇到的ProgressView报错，是因为错误地传递了**绑定类型（$progressValue）**给value参数——这个初始化器接受的是普通浮点值，而非双向绑定。同时代码里还有几个影响功能的小问题：最小字符数设成10而非需求的100、整数除法导致进度跳变、未正确限制进度上限。

分步修复方案 #

1. 修正ProgressView参数传递 #

把ProgressView的value: $progressValue改成value: progressValue，去掉$前缀。这里不需要双向绑定，只需要传递当前进度值即可。

2. 修正最小字符数常量 #

将let MIN_ENTRY_CHARS = 10改为let MIN_ENTRY_CHARS = 100，匹配你要求的"至少输入100字符"的需求。

3. 修复整数除法问题 #

计算进度时，newEntry.text.count和MIN_ENTRY_CHARS都是整数，直接相除会触发整数除法（比如50/100得到0，而非0.5）。需要先把两者转为Double再计算：

Double(newEntry.text.count) / Double(MIN_ENTRY_CHARS)

4. 正确限制进度上限 #

把计算后的进度值传入你写的limitTo函数，确保超过100字符时进度保持100%：

progressValue = limitTo(num: calculatedProgress, maxNum: 1.0)

5. 简化进度更新逻辑 #

去掉Combine的PassthroughSubject和debounce逻辑，直接在onChange回调里更新进度，实时反馈更符合用户预期，代码也更简洁。

修正后的完整代码 #

import SwiftUI

struct AddNewEntryView: View {
    @Environment(\.dismiss) var dismiss
    @EnvironmentObject var data: JournalEntriesData
    @State var typeOfNewEntry: EntryType
    @State var newEntry: Entry
    @State var progressValue: Double = 0.0
    let MIN_ENTRY_CHARS = 100 // 修正为需求的100字符

    init(entryType: EntryType) {
        _typeOfNewEntry = State(initialValue: entryType)
        _newEntry = State(initialValue: Entry(type: entryType, text: ""))
    }

    func limitTo(num: Double, maxNum: Double) -> Double {
        return num > maxNum ? maxNum : num
    }

    private func updateProgressBar() {
        let calculatedProgress = Double(newEntry.text.count) / Double(MIN_ENTRY_CHARS)
        progressValue = limitTo(num: calculatedProgress, maxNum: 1.0)
    }

    var body: some View {
        VStack {
            Form {
                Text(newEntry.created, style: .date)
                    .font(.headline)
                Section("Entry") {
                    TextEditor(text: $newEntry.text)
                        .foregroundColor(.secondary)
                        .padding(.horizontal)
                        .frame(minHeight: 80)
                        .onChange(of: newEntry.text) { _ in
                            updateProgressBar() // 直接实时更新进度
                        }
                }
                // 去掉$前缀，传递普通值
                ProgressView("Character count", value: progressValue, total: 1.0)
            }
        }
        .toolbar {
            ToolbarItem {
                Button("Add") {
                    data.entries.append(newEntry)
                    dismiss()
                }
            }
        }
    }
}

struct AddNewEntryView_Previews: PreviewProvider {
    static var previews: some View {
        AddNewEntryView(entryType: .MORNING_PAGES)
            .environmentObject(JournalEntriesData()) // 预览需要添加环境对象
    }
}

额外优化说明 #

• 预览代码添加了.environmentObject(JournalEntriesData())，避免预览报错；
• 去掉Combine相关代码后，减少了不必要的复杂度，同时进度更新更及时；
• 进度计算逻辑更清晰，确保从0%到100%平滑过渡，超过100字符后保持满进度。

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