UI 使用 SearchBar 过滤内容时冻结并且填充结果很慢

Question

我终于有了工作代码来搜索 objects 的数组，但是在视图中 populate/show 列表结果真的很慢。我一直在研究使用 ObservableObject 和 EnvironmentObject 但我不确定如何在这里实现它们。我正在导入 CSV 并使用 headers 作为键，使用行项作为值，然后将它们显示在列表中。当我尝试搜索列表重新填充但需要很长时间的内容时。任何帮助将不胜感激！！！

ListView.swift

import Foundation
import SwiftUI

var arrayOfData = [Container]()
struct ListView: View {


@State private var searchTerm: String = ""
@State private var array: [Container] = []
    //@State var array: [Container] = newArray
        func arrayFiller(){
        if arrayOfData.count > 0 {
            arrayOfData.removeAll()
        }

        for item in csvArray {
            arrayOfData.append(Container(
                barcode: item["Barcode"],
                model: item["Model"],
                description: item["ASDescription"],
                serial: item["Asset Serial No"],
                building: item["Building"],
                floor: item["Floor"],
                room: item["Room"]))
        }

    }

    init() {
       // UITableView.appearance().separatorColor = .clear
        //Build list of headers using the top view.
        arrayFiller()
      }



    var body: some View {


        List {
            SearchBar(text: $searchTerm, array: $array)
            ForEach(array, id:\.self){item in
            Text("\(item.barcode ?? "")")}
            }
        }
}

SearchBar.swift


struct SearchBar: UIViewRepresentable {
    @Binding var text: String
    @Binding var array: [Container]
    class Coordinator: NSObject, UISearchBarDelegate, ObservableObject {

        @Binding var text: String
        @Binding var array: [Container]

        init(text: Binding<String>, array: Binding<[Container]>) {
            _text = text
            _array = array
        }

         func searchBar(_ searchBar: UISearchBar, textDidChange searchText: String) {
        text = searchText
        array = [Container]()
      DispatchQueue.main.asyncAfter(deadline: .now() + .milliseconds(100)) {
        self.array = arrayOfData.filter {
            self.text.isEmpty ? true : (([=12=].barcode?.localizedCaseInsensitiveContains(self.text))!)}
            }
            print(array)

        }
    }
    func makeCoordinator() -> SearchBar.Coordinator {
        return Coordinator(text: $text, array: $array)
    }

    func makeUIView(context: UIViewRepresentableContext<SearchBar>) -> UISearchBar {
        let searchBar = UISearchBar(frame: .zero)
        searchBar.delegate = context.coordinator
        return searchBar
    }

    func updateUIView(_ uiView: UISearchBar, context: UIViewRepresentableContext<SearchBar>) {
        uiView.text = text

    }
}

Answer 1

更新

我能够在此线程的帮助下解决问题...

奇迹发生在 SearchBar 函数中

     DispatchQueue.main.asyncAfter(deadline: .now() + .milliseconds(100)) {
        self.array = arrayOfData.filter {
            self.text.isEmpty ? true : (([=10=].barcode?.localizedCaseInsensitiveContains(self.text))!)}
            }

创建@Binding var 数组并将DispatchQueue 添加到SearchBar.swift 中的过滤方法后，我现在可以搜索项目并实时填充列表结果。工作代码在 ListView.swift 和 SearchBar.swift.

的顶部发布

UI 使用 SearchBar 过滤内容时冻结并且填充结果很慢

UI freezes and is slow to populate results when content is filtered with SearchBar

filter

observable

uisearchbar

swiftui

observableobject