如何异步返回视图？什么？-解网

问：

我有一个这样的按钮

Button(action: {
  // do something
}, label: {
  Text("The price is \(price)")
})

第一个问题是按钮的标签部分需要视图。

此外，价格是从应用商店异步检索的，如下所示

func priceFor(_ productID: String,
                onConclusion:GetPriceHanler?) {
   
    inapp?.fetchProduct(productIdentifiers: [productID],
                       handler: { (result) in
      switch result {
      case .success(let products):
        let products = products
        
        guard let product = products.first
        else {
          onConclusion?("")
          return
        }
        
        onConclusion?("\(product.price)")
        
      case .failure(let error):
        print(error.localizedDescription)
        onConclusion?("")
      }
    })
  }

因此，此函数在完成后运行闭包。

我考虑过创建另一个函数，该函数返回一个视图来调用这个函数......类似的东西

@ViewBuilder
func priceViewFor(_ productID: String) -> some View { }

如果函数返回价格，我没问题，如果无效，则为空，但是如果我这样做，我将以闭包结束，并且从那里我无法返回视图。

类似的东西

@ViewBuilder
func priceViewFor(_ productID: String) -> some View {
  myAppStore.priceFor(productID) { price in
  return Text(price) ?????????????
}

我该如何以位的名义做到这一点？

Swift SwiftUI 闭合

Button {
  // do something
} label: {
    // check if the price has been fetched
    if let price {
        Text("The price is \(price)")
    } else {
        ProgressView("Loading Price...")
    }
}
.disabled(price == nil) // you might want to disable the button before the price has been fetched
.onAppear {
    // set the state in the completion handler
    myAppStore.priceFor(productID) { price in
        self.price = price
    }
}

看到价格获取如何失败，我建议改用：Result

@State var price: Result<String, Error>?

switch price {
case .none:
    ProgressView("Loading Price...")
case .failure(let error):
    Label("Failed! (\(error))", systemImage: "xmark")
case .success(let price):
    Text("The price is \(price)")
}

这意味着您将进行更改，以便将 a 传递给闭包。priceForResult<String, Error>onConclusion

此外，请考虑使用 Swift 并发 API 进行重写。然后，用法将如下所示：

.task {
    do {
        price = .success(try await myAppStore.priceFor(productID))
    } catch {
        price = .failure(error)
    }
}

如何异步返回视图？什么？

How to return a view asynchronously? What?

评论

评论