SwiftUI中URL图片缓存可靠方案及滚动图片消失问题求助

我通过LureListView展示图片列表，在.onAppear修饰符中监听Firebase实时数据库的变更。当通过AddLureToListView向Firebase添加新图片后，图片虽能正常显示，但左右滚动横向列表时，新增的图片会消失。

LureListView代码 #

import SwiftUI

struct LureListView: View {
    @StateObject private var viewModel = LureListViewModel()
    
    var body: some View {
        ZStack {
            Color(K.ColorName.newCatchViewBackground)
                .ignoresSafeArea(.all)
            if viewModel.lures.isEmpty {
                EmptyStateFishLogView()
            } else {
                ScrollView {
                    ForEach(viewModel.luresByType.sorted(by: { $0.type < $1.type }), id: \.type) { lures in
                        Text(lures.type)
                            .foregroundColor(Color(K.ColorName.greenMainColor))
                            .padding(.leading)
                            .padding(.top, 50)
                            .padding(.bottom, 15)
                            .font(.system(.largeTitle, design: .rounded, weight: .bold))
                            .frame(maxWidth: .infinity, alignment: .leading)
                        ScrollView(.horizontal, showsIndicators: false) {
                            LazyHGrid(rows: [GridItem(.flexible())]) {
                                ForEach(lures.lures) { lure in
                                    CacheAsyncImage(url: URL(string: lure.gearImageURL)!) { phase in
                                        switch phase {
                                        case .success(let image):
                                            image
                                                .renderingMode(.original)
                                                .resizable()
                                                .aspectRatio(contentMode: .fill)
                                                .frame(width: 300, height: 180)
                                                .clipped()
                                                .cornerRadius(10)
                                                .padding(.leading, 20)
                                                
                                        case .failure(let error):
                                            ErrorView(error: error)
                                        case .empty:
                                            Image(K.ImageName.noFishImage)
                                                .resizable()
                                                .scaledToFill()
                                                .frame(width: 120, height: 120)
                                                .cornerRadius(10)
                                                .padding(.leading, 20)
                                                .overlay(
                                                    ProgressView()
                                                        .frame(width: 120, height: 120)
                                                )
                                        @unknown default:
                                            fatalError()
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
        .navigationBarTitle("Lures")
        .onAppear {
            viewModel.listenToRealtimeDatabase()
        }
        .onDisappear {
            viewModel.stopListening()
        }
    }
}

AddLureToListView代码 #

import SwiftUI
import PhotosUI
import SwiftSpinner

struct AddLureToListView: View {
    
    @State private var selectedItems: [PhotosPickerItem] = []
    @State private var data: Data?
    @State private var gearImage: UIImage = UIImage(named: K.ImageName.noLureImage)!
    @State private var gearType: String = K.RawText.notSpecified
    @State private var selectedLureType = K.RawText.selectALureType
    @Environment(\.dismiss) var dismiss
    
    var body: some View {
        ZStack {
            Color(K.ColorName.newCatchViewBackground)
                .ignoresSafeArea()
            VStack {
                Text(K.RawText.addANewLure)
                    .font(.title)
                
                FishGearPhotoPickerView(selectedItems: $selectedItems, data: $data, selectedLureType: $selectedLureType)
                
                Button(K.ButtonText.save) {
                    if let data = data {
                        gearImage = UIImage(data: data) ?? UIImage(named: K.ImageName.noLureImage)!
                        
                        if selectedLureType == K.RawText.selectALureType {
                            gearType = K.RawText.notSpecified
                        } else {
                            gearType = selectedLureType
                        }
                        SwiftSpinner.show(K.SpinnerText.savingLureToList)
                        StorageManager.shared.saveGearToFirbaseStorage(gearImage: gearImage, gearType: gearType, completion: { success in
                            if success {
                                DispatchQueue.main.async {
                                    SwiftSpinner.hide()
                                }
                                dismiss()
                            } else {
                                DispatchQueue.main.async {
                                    SwiftSpinner.hide()
                                }
#warning("Show user alert about issue saving to firebase")
                                print("Unable to save lure to firebase")
                            }
                        })
                    }
                }
                .CustomButtonModifier(foregroundColor: Color(.label), height: 55)
            }
            Spacer()
        }
    }
}

我尝试过使用SwiftUI原生AsyncImage，出现了同样的问题。

内容的提问来源于stack exchange，提问作者josh K