抽取SwiftUI Stepper到子视图后范围变为5？如何恢复无限范围

问题根源在于StepperView中的viewModel未被标记为可观察对象。尽管ViewModel是ObservableObject类型，但子视图中仅用普通变量声明时，SwiftUI无法追踪其状态变化，导致Stepper行为异常，触发了系统默认的有限范围限制。

修复方案 #

1. 为子视图的viewModel添加观察修饰符 #

在StepperView中，将viewModel的声明改为@ObservedObject，让SwiftUI能感知ViewModel的状态变化：

struct StepperView: View {
  @ObservedObject var viewModel: ContentView.ViewModel // 添加@ObservedObject修饰
  var body: some View {
    // 建议添加显示当前值的标签，避免系统默认行为
    Stepper("当前值：\(viewModel.value)", onIncrement: {
      viewModel.increment()
    }, onDecrement: {
      viewModel.decrement()
    })
  }
}

2. 优化主视图的Stepper（可选但推荐） #

为了保持一致性，主视图中的Stepper也建议添加数值显示标签：

Stepper("当前值：\(viewModel.value)", onIncrement: {
  viewModel.increment()
}, onDecrement: {
  viewModel.decrement()
})

原理说明 #

• @ObservedObject用于在子视图中监听外部传入的ObservableObject类型状态，确保ViewModel的value更新时，StepperView能同步刷新，维持Stepper的无限范围增减行为。
• 未添加观察修饰符时，Stepper无法感知状态变化，系统会 fallback 到默认的有限范围Stepper实现，导致出现范围限制。

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