时间戳

首页 > 解决方案 > SwiftUI 视图不更新

swiftui - SwiftUI 视图不更新

问题描述

由于下载图像的异步下载任务（内部），CardView内部的ForEach内容正确更新，并且正确显示，但我检测到周围的框架没有相应更新，导致出现在中间图像，而不是在正确更新的情况下被框架向下推，以包围图像。帮助我得出结论，因为它看起来好像是空的。请问有什么建议吗？CardNavigatorViewCardViewImage()CardViewCardNavigatorViewText("test")CardViewCardViewborder(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)}
        }
    }
}

标签： swiftui

解决方案

找到解决方案。对于想知道出了什么问题的人：我猜GeometryReaderinCardView获得了ScrollViewparent的大小，而 parentCardNavigatorView又被认为是空的。由于GeometryReader闭包允许扩展到其边界之外，我得到了我试图解释的效果。frame(width:geometry.size.width)提示是为CardView 实例提供修饰符！（根据您的需要进行调整）

推荐阅读