SwiftUI ChildView 未在状态更改时重新计算
Posted
技术标签:
【中文标题】SwiftUI ChildView 未在状态更改时重新计算【英文标题】:SwiftUI ChildView Not recalculated on state change 【发布时间】:2021-02-28 05:07:13 【问题描述】:所以这很可能是一个新手 SwiftUI 问题,我有一个父视图,它采用 @ObservedObject(例如 viewModel),视图模型似乎正确地将模型中的更改发布到 CollectionView,并且视图正确地重新计算正文.但是,子视图的 (EmojiCell
) 正文似乎没有重新计算?以下是相关代码,感谢任何见解。
如果我将 Card 更改为 ObservableClass 并将其 isFaceUp 设置为 @Published ,我可以让它工作,但这显然不是正确的解决方案!
struct CollectionView: View
@ObservedObject var viewModel: EmojiMemoryGameViewModel
init(viewModel: EmojiMemoryGameViewModel)
self.viewModel = viewModel
var body: some View
// This is called on tap as expected so the viewModel is indeed
// correctly notifying the view of it's change, the body is
// recalculated, BUT EmojiCell's body doesn't get called!
print("CollectionView recalc")
return HStack
ForEach(viewModel.cards) card in
// This doesn't
EmojiCell(card: card).onTapGesture
viewModel.choose(card: card)
// This works!
// return ZStack
// if card.isFaceUp
// RoundedRectangle(cornerRadius: 10)
// .fill(Color.white)
// RoundedRectangle(cornerRadius: 10)
// .stroke(lineWidth: 3)
// Text(card.content)
//
// else
// RoundedRectangle(cornerRadius: 10).fill()
//
//
// .onTapGesture
// self.viewModel.choose(card: card)
//
.padding()
.foregroundColor(.orange)
.font(.largeTitle)
typealias EmojiCard = MemoryGame<String>.Card
struct EmojiCell: View
let card: EmojiCard
var body: some View
print("Cell recalc")
return ZStack
if card.isFaceUp
RoundedRectangle(cornerRadius: 10)
.fill(Color.white)
RoundedRectangle(cornerRadius: 10)
.stroke(lineWidth: 3)
Text(card.content)
else
RoundedRectangle(cornerRadius: 10).fill()
// Other relevant code
struct Card: Identifiable, Hashable
var id: Int
var isFaceUp = true
var isMatched = false
var content: CardContent
func hash(into hasher: inout Hasher)
hasher.combine(id)
extension MemoryGame.Card: Equatable
static func == (lhs: MemoryGame<CardContent>.Card, rhs: MemoryGame<CardContent>.Card) -> Bool
return lhs.id == rhs.id
class EmojiMemoryGameViewModel: ObservableObject
@Published private var model: MemoryGame<String> = EmojiMemoryGameViewModel.createMemoryGame()
static func createMemoryGame() -> MemoryGame<String>
let listOfCards = ["????", "????", "????"]
return MemoryGame(numberOfPairsOfCards: listOfCards.count) index in
return listOfCards[index]
var cards: [MemoryGame<String>.Card]
model.cards
func choose(card: MemoryGame<String>.Card)
model.choose(card)
【问题讨论】:
如果没有Minimal Reproducible Example,就不可能帮助您编写代码。看来您对ObservableObjects
的细节不熟悉,可能会发生很多事情@Published private var
不应该是private
,这就是SwiftUI 应该引用的内容,将listOfCards
放在那里,而不是引用一个方法。在 EmojiCell
EmojiCard
应该是 ObservableObject
它永远不会被告知重新加载。看Apple SwiftUI tutorials
感谢您抽出宝贵时间回复,我发现我的代码有问题,实际上不是您指出的任何点(我认为这不是有效点)。
【参考方案1】:
这对我来说是一个愚蠢的错误。问题实际上是 Equatable 的不成熟实现,从 Swift 4.1+ 开始实际上不再需要它(对于 Hashable 也是如此)。我最初添加它是为了确保我可以比较 Cards(需要 index(of:) 方法),但是,由于我只检查比较 id,它与 SwiftUI 用于重绘的内部比较算法混淆了。 SwiftUI 也在使用我的 Equatable 实现,并认为卡片实际上并没有改变!
【讨论】:
以上是关于SwiftUI ChildView 未在状态更改时重新计算的主要内容,如果未能解决你的问题,请参考以下文章