在SwiftUI中向NavigationView添加搜索栏

struct ContentView: View {
    var body: some View {
        NavigationView {
            // 在这里添加其他视图内容
        }
    }
}

struct ContentView: View {
    @State private var searchText = ""

    var body: some View {
        NavigationView {
            // 在这里添加其他视图内容
        }
        .navigationBarTitle("", displayMode: .inline)
        .navigationBarItems(leading: SearchBar(text: $searchText))
    }
}

struct SearchBar: View {
    @Binding var text: String

    var body: some View {
        HStack {
            TextField("搜索", text: $text)
                .textFieldStyle(RoundedBorderTextFieldStyle())
            
            Button(action: {
                self.text = ""
            }) {
                Image(systemName: "xmark.circle.fill")
                    .opacity(text == "" ? 0 : 1)
            }
        }
        .padding(.horizontal)
    }
}

struct ContentView: View {
    @State private var searchText = ""
    @State private var items = ["苹果", "香蕉", "橙子", "葡萄"]

    var body: some View {
        NavigationView {
            List {
                ForEach(items.filter {
                    self.searchText.isEmpty ? true : $0.localizedStandardContains(self.searchText)
                }, id: \.self) { item in
                    Text(item)
                }
            }
            .navigationBarTitle("", displayMode: .inline)
            .navigationBarItems(leading: SearchBar(text: $searchText))
        }
    }
}