通过列表搜索(JSON)SwiftUI

我是SwiftUI的新手。我目前正在做苹果开发者网站上的教程。

我正在看 “处理用户输入 “的部分,我有一个问题。在那里,他们采用JSON文件并使用它来填充列表。从那里他们创建了’最爱’切换。我的问题是,是否有可能使JSON列表可以搜索?

import SwiftUI

struct LandmarkList: View {
    @EnvironmentObject var userData: UserData

    var body: some View {
        NavigationView {
            List {
                Toggle(isOn: $userData.showFavoritesOnly) {
                    Text("Favorites only")
                }

                ForEach(landmarkData) { landmark in
                    if !self.userData.showFavoritesOnly || landmark.isFavorite {
                        NavigationLink(destination: LandmarkDetail(landmark: landmark)) {
                            LandmarkRow(landmark: landmark)
                        }
                    }
                }
            }
            .navigationBarTitle(Text("Landmarks"))
        }
    }
}

struct LandmarkList_Previews: PreviewProvider {
    static var previews: some View {
        LandmarkList()
            .environmentObject(UserData())
    }
}

我发现了一种制作搜索字段的方法,它看起来像这样。

struct SearchBar: UIViewRepresentable {

    @Binding var text: String
    var placeholder: String

    class Coordinator: NSObject, UISearchBarDelegate {

        @Binding var text: String

        init(text: Binding<String>) {
            _text = text
        }

        func searchBar(_ searchBar: UISearchBar, textDidChange searchText: String) {
            text = searchText
        }
    }

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

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

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

然后调用它,但我找不到搜索列表的方法。我找到了很多教程,展示了如何通过数组进行搜索,但这并没有什么用处。

var body: some View {
        NavigationView {
            VStack {
                SearchBar(text: $searchText, placeholder: "Search")

                List(LandmarkData.filter{searchText == "" ? true : $0.localizedCaseInsensitiveContains(searchText)}, id: \.self){ landmark in
                    LandmarkRow(landmark: landmark)
                }

            }.navigationBarTitle("Landmarks")
        }
    }
}

谁能给我解释一下我做错了什么? 谢谢你的帮助

解决方案:

我找到了一个答案。

List {
    ForEach(LandmarkData.filter {
        $0.name.lowercased().contains(self.searchText) || self.searchText.isEmpty 
    }, id: \.self) { landmark in
        LandmarkRow(landmark: landmark)
    }
}

其余的代码保持不变:) 希望它能帮助某人。

给TA打赏
共{{data.count}}人
人已打赏
未分类

如何在另一个模板函数中调用模板函数?

2022-9-8 9:10:26

未分类

GCD中奇怪的内存使用图表

2022-9-8 9:21:30

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索