SwiftUI视图不更新

CardNavigatorView

的

ForEach

中的

CardView

内容通过下载图像的异步下载任务（在

CardView

中）正确更新，并且

image（）

正确显示，但是我发现，在 CaldWaveActudioVIEW/CODE>中，<代码> > CARDVIEW 不更新，导致<代码>文本（“测试”）出现在 CalvVIEW/COD>图像的中间，而不是被正确地更新了<代码> CalvVIEW/COD>帧，以包围图像。

边框（Color.red，width:2）

帮助我得出结论，因为它看起来好像是空的。 有什么建议吗

struct CardNavigatorView: View {
    @ObservedObject var model: CardNavigatorViewModel
    @State private var offset: CGFloat = 0
    let spacing: CGFloat = 10

    var body: some View {
        GeometryReader { geometry in
            return ScrollView(.horizontal, showsIndicators: true) {
                HStack(spacing: self.spacing) {
                    ForEach(self.model.cardSource.cards, id:\.hashString) { card in
                        CardView(card: card)
                            .frame(width: geometry.size.width).border(Color.red, width: 2)
                    }
                }
            }
            .content.offset(x: self.offset)
            .frame(width: geometry.size.width, alignment: .leading)
        }
        Text("Test")
    }
}

CardView声明如下

struct CardView: View {
    @ObservedObject var card: Card
    @EnvironmentObject var userData: UserData

    var body: some View {
        GeometryReader { geometry in
            VStack {
                ZStack(alignment: .topTrailing) {
                    ImageViewContainer(imageUrl: self.card.imagesURL[0])
                        .frame(width:geometry.size.width)
                        .scaledToFill()
                        .clipped()
                    NameView(name: self.card.name)
                        .frame(width:geometry.size.width)
                    Button(action:{
                        self.userData.toggleFav(card:self.card)
                    }) {
                        ZStack{                        Image("fav_icon").renderingMode(Image.TemplateRenderingMode?.init(Image.TemplateRenderingMode.original))
                            .resizable()
                            .aspectRatio(contentMode:.fit)
                            .frame(width:25).opacity(self.card.isFav ? 1 : 0).offset(x:-10, y:10)
                            Image("not_fav_icon").renderingMode(Image.TemplateRenderingMode?.init(Image.TemplateRenderingMode.original))
                                .resizable()
                                .aspectRatio(contentMode:.fit)
                                .frame(width:25).opacity(self.card.isFav ? 0 : 1).offset(x:-10, y:10)
                        }
                    }
                }.border(Color.green, width: 3)

                Text("\(self.card.description)")
                Text("Note : \(self.card.ratingString)")

            }.onAppear{self.userData.setUserSettingsTo(card: self.card)}
        }
    }
}

---

找到解决方案。对于那些想知道出了什么问题的人： 我猜

CardView

中的

GeometryReader

获取父

CardNavigatorView

的

ScrollView

的大小，该大小反过来被认为是空的。由于

GeometryReader

闭包允许扩展到其边界之外，因此我得到了我试图解释的效果。

---

技巧是为CardView实例提供一个

框架（宽度：geometry.size.width）

修改器！（根据您的需要进行调整）

我现在可以说，这不是导致问题的异步任务。我使用我的库中的图像进行了测试，但仍然存在相同的问题。