首页 > 解决方案 > 向 SwiftUI 搜索栏添加多个搜索条件?

问题描述

我想我太笨了,无法管理这个。我正在尝试向 SwiftUI 中的可搜索列表添加更多条件。该列表连接到 Firestore 数据库。不知何故,我不知道如何向搜索栏添加更多条件。我现在有了标准“str”(基本上是指街道),但我想添加“sn”(序列号)和 2-3 个。最后,您应该可以在一个搜索栏中搜索“[Street Serialnumber...]”。

感谢您的帮助

代码:

struct CustomSearchBar : View {
    
    @State var txt = ""
    @Binding var data : [dataType]
    
    var body : some View{
        
        VStack(spacing: 0){
            
            HStack{
                
                TextField("Nach Seriennummer suchen", text: self.$txt).opacity(100).foregroundColor(.black)
                
                if self.txt != ""{
                    
                    Button(action: {
                        
                        self.txt = ""
                        
                    }) {
                        
                        Text("Abbrechen")
                    }
                    .foregroundColor(.black)
                    
                }

            }.padding()
            
            if self.txt != ""{
                
                if
                    self.data.filter({$0.str.lowercased().contains(self.txt.lowercased())}).count == 0 {
                        
                    Text("Es wurde kein Gerät mit dieser Seriennummer gefunden").foregroundColor(Color.red.opacity(0.6)).padding()
                    
                }

                
                else{
                    
                    List(self.data.filter{$0.str.contains(self.txt.lowercased())}){i in
                            
                    NavigationLink(destination: Detail(data: i)) {
                        
                        Text(i.sn)
                        }
                         
                        Text(i.typ)
                    
                        
                    }.frame(height: UIScreen.main.bounds.height / 5)
                    
                }

            }
            
            
        }.background(Color.white)
        .padding()
    }
}

标签: google-cloud-firestoreswiftuifilteringswiftui-list

解决方案


推荐阅读