.searchable出错

Question

我已经将searchable添加到了SwiftUI列表中。但是搜索TextField没有显示。

这是我的代码：

NavigationView {
    List(searchResults, id: \.self) { item in
        NavigationLink {
            LegendDetailView(item: item)
        } label: {
            HStack {
                Text(item.name).padding(1)
                Spacer()
                Image(systemName: "chevron.right").imageScale(.small)
            }
        }
    }
}.searchable(text: $searchText)

EDIT(2021/5/29):

我想有一条重要的信息我忘了说

这个视图是一个弹出窗口。

Answer 1

我将可搜索添加到我的SwiftUI列表中

不，你把它添加到导航视图中。把它抬起来

NavigationView {
    List(searchResults, id: \.self) { item in
        NavigationLink {
            LegendDetailView(item: item)
        } label: {
            HStack {
                Text(item.name).padding(1)
                Spacer()
                Image(systemName: "chevron.right").imageScale(.small)
            }
        }
    }.searchable(text: $searchText)
}

文本示例

struct TestView: View {
    
    @State private var letters = ["alpha", "beta", "gamma", "delta", "epsilon", "zeta"]
    @State private var searchText = ""
    
    var body: some View {
        let searchResults = searchText.isEmpty ? letters : letters.filter{$0.localizedCaseInsensitiveContains(searchText)}
        NavigationView {
            List(searchResults, id: \.self) { item in
                NavigationLink {
                    Text(item)
                } label: {
                    HStack {
                        Text(item).padding(1)
                        Spacer()
                    }
                }
            }.searchable(text: $searchText)
        }
    }
}