SwiftUI，如何将 EnvironmnetObject Int 属性绑定到 TextField？

Question

我有一个 ObservableObject 应该保存我的应用程序状态：

final class Store: ObservableObject {
  @Published var fetchInterval = 30
}

现在，该对象被注入到我的层次结构的根部，然后在树下的某个组件中，我试图访问它并将其绑定到 TextField，即：

struct ConfigurationView: View {
  @EnvironmnetObject var store: Store

  var body: some View {
    TextField("Fetch interval", $store.fetchInterval, formatter: NumberFormatter())
    Text("\(store.fetchInterval)"
  }
}

1. 即使绑定了变量（使用$），属性也没有更新，初始值显示正确，但是当我更改它时，文本字段更改但绑定没有传播
2. 与第一个问题相关的是，一旦值更改，我将如何接收事件，我尝试了以下 sn-p，但没有任何内容被触发（我假设是因为文本字段未正确绑定...

$fetchInterval
           .debounce(for: 0.8, scheduler: RunLoop.main)
           .removeDuplicates()
           .sink { interval in
               print("sink from my code \(interval)")
           }

非常感谢任何帮助。

编辑：我刚刚发现对于文本变量，绑定可以开箱即用，例如：

// on store
@Published var testString = "ropo"

// on component
TextField("Ropo", text: $store.testString)
Text("\(store.testString)")

只有 int 字段才不会正确更新变量

编辑 2： 好的，我刚刚发现仅更改字段是不够的，必须按Enter 才能传播更改，这不是我想要的，我希望每次更改字段时都传播更改...

Answer 1

对于任何感兴趣的人，这是我最终得到的解决方案：

TextField("Seconds", text: Binding(
                    get: { String(self.store.fetchInterval) },
                    set: { self.store.fetchInterval = Int($0.filter { "0123456789".contains($0) }) ?? self.store.fetchInterval }
                ))

添加无效字符时会有一点延迟，但这是最干净的解决方案，不允许在不重置 TextField 状态的情况下添加无效字符。

它还可以立即提交更改，而无需等待用户按 Enter 键或无需等待字段模糊。

Answer 2

这样做，您甚至不必按 Enter。如果您将 Store() 放在 SceneDelegate 中，这也适用于 EnvironmentObject：

struct ContentView: View {
@ObservedObject var store = Store()


var body: some View {
    VStack {
        TextField("Fetch interval", text: $store.fetchInterval)
    Text("\(store.fetchInterval)")
    }
} }

关于您的第二个问题：在 SwiftUI 中，如果视图中的变量发生更改，视图总是会自动更新。

Answer 3

如何在macos 上也能正常工作的简单解决方案，如下所示：

import SwiftUI

final class Store: ObservableObject {
    @Published var fetchInterval: Int = 30
    }

    struct ContentView: View {
       @ObservedObject var store = Store()
       var body: some View {
           VStack{
               TextField("Fetch interval", text: Binding<String>(
                   get: { String(format: "%d", self.store.fetchInterval) },
                   set: {
                       if let value = NumberFormatter().number(from: $0) {
                           self.store.fetchInterval = value.intValue
                       }}))
               Text("\(store.fetchInterval)").padding()
           }
     }
}