Force reload Image when url changes SwiftUI

Question

New (to swiftui), I would like to display an image(refresh the view) as soon the url is ready .Apparently State var isn t enough . It seems like .onReceive and a publisher might help but i iam helpless . NB : i use KingFisher but it seems to be the same case for any loader .The situation seems special (url not ready when view created) but this is a more general topic: for example when requests are sync and profile photo needs to be updated when the other user changes it .

Edit: After some more tests, it appears that view is updated if ,for example , we use a dispachQueue to postpone for one second and then try to update . It is not updated when retrieving the value directly with firebase onAppear

import SwiftUI
import Firebase
import Kingfisher


struct Test4: View {

    @State private var mProfilePhotoUrl: URL = URL(string:"0")!
 
 var body: some View {
    
 VStack(alignment: .center,spacing : 0){
           
           KFImage(mProfilePhotoUrl)
      
  }.onAppear(){
        setUpProfileElements()
       }
     
    }
    
    private func setUpProfileElements(){

    //    FirebaseRequest -> mProfilePhotoUrl = URL(string: User.profilePhoto)
     
    }
    
}

Seems like that should be KingFisher's responsibility in this case -- I'm surprised it doesn't handle this scenario. What about adding `.id(mProfilePhotoUrl)` to it to force it to change when the URL changes? — jnpdx, Mar 31 '21 at 15:58
This would update when using a delay but not with a firebase request used on appear. Using Id to force the update made the trick . Others might encourter this case . Thank you ! — it75, Mar 31 '21 at 17:23

score 1 · Accepted Answer · answered Mar 31 '21 at 17:20

1

This is jnpdx Answer ! I dont know the reason , if it was too close from displaying, but view wouldn t update with the firebase request onAppear, using id foreced the refresh.

struct Test4: View {

    @State private var mProfilePhotoUrl: URL = URL(string:"0")!
    *@State private var ID = 0*

 var body: some View {
    
 VStack(alignment: .center,spacing : 0){
           
           KFImage(mProfilePhotoUrl)*.id(ID)*
      
  }.onAppear(){
        setUpProfileElements()
       }
     
    }
    
    private func setUpProfileElements(){

    //    FirebaseRequest -> mProfilePhotoUrl = URL(string: User.profilePhoto)
     //                    *-> self.ID += 1*
    }
    
}

answered Mar 31 '21 at 17:20

it75

125
10

1

it takes 2 days before i can mark my own answer as accepted but i will , thanx – it75 Mar 31 '21 at 18:53
1

Using the .id() did the trick for me, but then I cannot use `.resizable()`. – erickva Jul 02 '21 at 22:03
Ypu mean that if you use .frame(w:p1,h:p2), the image doesn t get resized when the values are updated ? – it75 Jul 03 '21 at 20:44

Force reload Image when url changes SwiftUI

1 Answers1