SwiftUI - 环境对象不更新 UI

bri*_*ood 5 user-interface state ios swift swiftui

我的应用程序有一个按钮可以生成绿色或红色背景。用户反复按下按钮,每次都会生成绿色或红色,并将结果记录到名为“当前会话”的可观察对象中。当前总数显示在由胶囊组成的自定义视图中。由于某种原因,视图不会更新总计并一直显示 0。

我尝试在 ResultsBar 中添加 numberOfGreens 的状态绑定,但这也不起作用。每次还是只显示0。环境已添加到我的所有视图中。我尝试打印结果,结果数字在控制台中显示正确,但用户界面不会更新。有趣的是, TrialsRemaining 变量在我的应用程序的其他屏幕上运行得很好,在需要时更新也没有问题。此外,ResultsBar 在预览中工作得非常好。

class CurrentSession: ObservableObject {

  @Published var trialsRemaining: Int = 100
  @Published var numberOfGreens: Int = 0
  @Published var numberOfReds: Int = 0

  func generateGreenOrRed() {
    ...
    if resultIsGreen {numberOfGreens += 1}
    else if resultIsRed {numberOfReds += 1}
    trialsRemaining -= 1
  }
}
Run Code Online (Sandbox Code Playgroud)
struct ResultsBar: View {
  let totalBarWidth: CGFloat = UIScreen.main.bounds.width - 48
  var onePercentOfTotalWidth: CGFloat { return totalBarWidth/100 }
  var numberOfGreens: Int

  var body: some View {
    ZStack(alignment: .leading) {       
      Capsule()
        .frame(width: totalBarWidth, height: 36)
        .foregroundColor(.red)
        .shadow(radius: 4)   
      Capsule()
        .frame(width: (onePercentOfTotalWidth * CGFloat(numberOfGreens)), height: 36)
        .foregroundColor(.green)
        .shadow(radius: 4)   
    }
  }
}
Run Code Online (Sandbox Code Playgroud)
struct ResultsView: View {

  @EnvironmentObject var session: CurrentSession

  var body: some View {
    VStack {       
      HStack {
        Text("\(session.numberOfGreens)")
        Spacer()
        Text("\(session.numberOfReds)")       
      }

      ResultsBar(numberOfGreens: session.numberOfGreens)
    }
  }
}
Run Code Online (Sandbox Code Playgroud)

我正在 macOS Catalina 10.15.2 Beta (19C32e) 上运行 Xcode 11.2 beta 2 (11B44)。

Joh*_* M. 5

您是否将对实例的引用传递CurrentSession给您的ResultsViewResultsBar如果我复制您的代码,当我单击它时,以下内容会更新。

struct ContentView: View {
    @ObservedObject var session = CurrentSession()

    var body: some View {
        ResultsView()
            .environmentObject(session)
            .onTapGesture {
                self.session.generateGreenOrRed()
            }
    }
}
Run Code Online (Sandbox Code Playgroud)

  • 这导致我解决了这个问题!这不是你说的,它实际上是关于使用EnvironmentObject包装器。我在各处将其更改为 ObservedObject,并将环境对象添加到视图主体的末尾,现在它可以工作了。感谢您将我推向正确的方向。 (2认同)