SwiftUI如何为数值型TextField设置动态最大最小取值限制

直接通过值监听+边界修正的方式实现即可，不需要逐字符过滤输入字符串，避免输入中间态（如输入小数点后暂未填数字、输入多位数的前几位）被异常拦截。

修正后完整代码 #

你原有代码存在Container未正确实例化的编译问题，补全范围限制逻辑后的可运行代码如下：

import SwiftUI

// 按需配置最小、最大边界值
private let inputMin: Double = 0
private let inputMax: Double = 100

struct Container {
    var textInput: Double
    init() {
        textInput = inputMin
    }
}

struct ContentView: View {
    @State private var container = Container()
    
    var body: some View {
        TextField("", value: $container.textInput, format: .number)
            .keyboardType(.decimalPad)
            .frame(width: 200, height: 20)
            .padding()
            .onChange(of: container.textInput) { updatedValue in
                // 低于最小值强制修正为最小值
                guard updatedValue >= inputMin else {
                    container.textInput = inputMin
                    return
                }
                // 高于最大值强制修正为最大值
                guard updatedValue <= inputMax else {
                    container.textInput = inputMax
                    return
                }
            }
    }
}

可选调整 #

• 如果不需要实时修正，想要等用户结束编辑（收起键盘、点击回车）时再做范围校验，替换监听逻辑为编辑状态回调即可，核心判断逻辑不变：

TextField(
    "",
    value: $container.textInput,
    format: .number,
    onEditingChanged: { isEditing in
        // 编辑结束时触发校验
        guard !isEditing else { return }
        if container.textInput < inputMin {
            container.textInput = inputMin
        } else if container.textInput > inputMax {
            container.textInput = inputMax
        }
    }
)
.keyboardType(.decimalPad)
.frame(width: 200, height: 20)
.padding()

• 该实现依赖系统.number格式器自动过滤非数字输入，不需要额外处理非法字符输入的场景，兼容性优于手动解析输入字符串的方案。

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