Skip to content

cache key collision #123

Open
Open
@4leyam

Description

@4leyam

hello here, i've been trying something using this library, and encountered a weird behaviour,
the following is a simpler version of the code i wrote.

    VStack {

          //... some code here

            WebImage(url: URL(string: url)
                    ).placeholder {
                        Rectangle().fill(Color(UIColor.systemGray6))
                            .frame(width: self.postWidth , height: self.postHeight)
                            .aspectRatio(contentMode: .fill)
                            .overlay(Text("Loading..."))
                    }.resizable()
                        .aspectRatio(contentMode: .fill)
                        .frame(width: self.postWidth , height: self.postHeight)
                        .clipped()
                        .cornerRadius(4)

         //... some code here too

}.background(
            
            WebImage(url: URL(string: url)
                , context: [.imageThumbnailPixelSize : CGSize(width: self.postWidth / 8 , height: self.postHeight / 8) ,]
            ).resizable()
                .aspectRatio(contentMode: .fill)
                .frame(width: self.postWidth , height: self.postHeight)
                .clipped()
                .blur(radius: 40)
            
        )
            .clipped()

my problem is that sometimes i get the low quality background image on top too. It seems like it's fetching the background low image for the top view too. maybe they are using the same cache key?
or maybe i'm just writing rubbish... anyway can you please advice any solution for this problem?
thank you in advance.

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't working

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions