问题描述
我是 SwiftUI 的新手。所以,我正在练习并创建某种收银应用程序,在这里我被困了一段时间。在 ProductPageView
中,我可以增加和减少项目的数量。然后,当我转到DetailOrderView
(如购物车视图)时,我还可以增加和减少数量。打印件正确显示数量。
但如果我回到 ProductPageView
,标签不会自行更新。
看看这个截图:
首先,我添加了 2 个项目。
然后我去DetailOrderView
,数量是一样的。:
然后我在 DetailOrderView
中添加 2 件商品(所以现在是 4 件商品)并返回到 ProductPageView
,注意总价是如何增加但数量没有变化。我想在此页面上“刷新”或“重新加载数据”。
当我按下后退按钮时,我该如何解决这个问题并更新文本?
这是我的代码:
主要
import SwiftUI
@main
struct CashierApp: App {
@StateObject var productOder = ProductPresenter()
var body: some Scene {
WindowGroup {
MainPageView()
.environmentObject(productOder)
}
}
}
产品页面视图 导入 SwiftUI
struct ProductPageView: View {
@EnvironmentObject var productOrder: ProductPresenter
var body: some View {
vstack {
ScrollView {
vstack {
ForEach(productOrder.cartItems,id: \.item.idItem) { element in
ProductRow(cartItems: CartItems(item: element.item,quantity: element.quantity))
}
}
}
TotalPaymentRow()
}
}
}
详细订单视图或购物车视图 导入 SwiftUI
struct DetailOrderView: View {
@EnvironmentObject var productOrder: ProductPresenter
var arrayOrdered: [CartItems] = []
var body: some View {
ZStack {
ScrollView {
vstack {
ForEach(arrayOrdered,quantity: element.quantity))
}
}
.padding(.top,10)
}
CustomModalGrandTotal()
}
.navigationTitle("Cart")
.navigationBarTitledisplayMode(.inline)
}
}
主持人
import SwiftUI
import Combine
class ProductPresenter: ObservableObject {
@Published var cartItems: [CartItems] = []
var totalQuantity = 0
// Increment product
func increment(cartItem: inout CartItems) {
let index: Int = cartItems.firstIndex(where: {$0.item == cartItem.item}) ?? -1
cartItems[index].quantity += 1
totalQuantity += 1
}
// Decrement product
func decrement(cartItem: inout CartItems) {
let index: Int = cartItems.firstIndex(where: {$0.item == cartItem.item}) ?? -1
if cartItems[index].quantity > 0 {
cartItems[index].quantity -= 1
totalQuantity -= 1
}
}
}
产品行
import SwiftUI
struct ProductRow: View {
@State var cartItems: CartItems
@EnvironmentObject var productOrder: ProductPresenter
var body: some View {
HStack(alignment: .center) {
Image(cartItems.item.image ?? "")
vstack(alignment: .leading,spacing: 8) {
Text(cartItems.item.name ?? "")
Text(getPrice(value: cartItems.item.price ?? 0))
}
Spacer()
vstack {
Spacer()
HStack{
Button(action: {
if cartItems.quantity > 0 {
cartItems.quantity -= 1
productOrder.decrement(cartItem: &cartItems)
productOrder.calculatetotalPrice()
}
},label: {
imageMinusPlus(name: "minus")
})
Text("\(cartItems.quantity)") // This Text should be updated.
Button(action: {
cartItems.quantity += 1
productOrder.increment(cartItem: &cartItems)
productOrder.calculatetotalPrice()
},label: {
imageMinusPlus(name: "plus")
})
}
}
}
}
}
先谢谢你
解决方法
除了将“ProductPresenter”实例作为“环境”对象(您正在正确处理)传递之外,您还需要将您的属性声明为@Published,在本例中为“totalQuantity”,它现在更新了总数量。
class ProductPresenter: ObservableObject {
@Published var cartItems: [CartItems] = [
CartItems(item: CartItems.Item(image: "system.car",name: "My item",price: 10,idItem: UUID()),quantity: 3)
]
@Published var totalQuantity = 0
}
但这并不能解决这一行:
Text("\(cartItems.quantity)") // This Text should be updated.
出于以下原因:
- 您的模型 (CartItems) 必须是类类型并符合 ObservableObject 协议
- 必须使用@Published 设置您的属性。
我认为 productOrder 需要定义为具有 @Published 属性的 ObservableObject 并且在这种情况下它需要是类而不是结构,例如:
import SwiftUI
import Combine
final class ProductOder: ObservableObject {
@Published var cartItems: [CartItem] = []
}