SwiftUI Stepper调整英寸自动增减英尺功能异常问题

问题根源 #

你遇到的Stepper失效问题，核心是状态循环触发导致的：
当主代码中同时使用newValue >=12和newValue <=0的条件时，会出现无限循环：

1. 英寸增至12 → 触发>=12条件：英尺+1，英寸重置为0
2. 英寸变为0 → 触发<=0条件：英尺-1，英寸重置为12
3. 英寸回到12 → 再次触发>=12条件，往复循环

这种循环会让Stepper的状态在0和12之间跳变，用户操作时就会出现“失效”的错觉。而单独修改其中一个条件时（如把<=0改为<0），循环被打破，功能自然恢复正常。

修正方案一：严格边界条件 #

将判断条件改为严格大于12和严格小于0，避免边界值触发循环，同时保留合理的小数处理：

struct NewMetricView: View {
    @State private var heightInFeet: Double = 5
    @State private var heightInInches: Double = 11

    var body: some View {
        Stepper("\(heightInFeet, specifier: "%.f") ft \(heightInInches, specifier: "%.1f") in", 
                value: $heightInInches, 
                in: 0...12, 
                step: 0.5)
        .onChange(of: heightInInches) { newValue in
            if newValue > 12 {
                heightInFeet += 1
                heightInInches = newValue - 12 // 保留剩余小数，比如12.5英寸转为1英尺0.5英寸
            } else if newValue < 0 {
                heightInFeet -= 1
                heightInInches = 12 + newValue // 比如-0.5英寸转为1英尺11.5英寸
            }
            // 在这里添加BMI重新计算逻辑
        }
    }
}

修正方案二：基于总英寸数的稳健实现 #

另一种更可靠的方式是维护总英寸数作为唯一数据源，通过计算属性自动拆分英尺和英寸，彻底避免边界冲突：

struct NewMetricView: View {
    @State private var totalInches: Double = 5 * 12 + 11 // 初始值对应5英尺11英寸

    // 通过计算属性自动拆分英尺和英寸
    private var heightInFeet: Double {
        floor(totalInches / 12)
    }

    private var heightInInches: Double {
        totalInches.truncatingRemainder(dividingBy: 12)
    }

    var body: some View {
        Stepper("\(heightInFeet, specifier: "%.f") ft \(heightInInches, specifier: "%.1f") in", 
                value: $totalInches, 
                step: 0.5)
        .onChange(of: totalInches) { _ in
            // 在这里添加BMI重新计算逻辑
        }
    }
}

这个方案的优势：

• 无需手动处理边界判断，转换逻辑完全由计算属性完成
• Stepper直接操作总英寸数，可根据需求设置合理的总范围（例如24_{120英寸，对应2英尺}10英尺）
• 彻底杜绝状态循环问题，逻辑更清晰

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