您可以将 UIViewRepresentable (UISearchBar) 添加为 navigationBarItem 吗？ - 斯威夫特用户界面

Question

我正在像这样设置leading 和trailing navigationBarItems

.navigationBarItems(leading: SearchBar(text: $searchText), trailing: rightTopBarItems())

trailing 项目显示正常，但 SearchBar 不出现。是否可以将UIViewRepresentable 添加为navigationBarItem？我在文档中找不到任何内容。

搜索条码：

import SwiftUI

struct SearchBar: UIViewRepresentable {

  @Binding var text: 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.autocapitalizationType = .none
    searchBar.searchBarStyle = UISearchBar.Style.minimal
    return searchBar
  }

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

Answer 1

我遇到了同样的问题。 所以，我放弃了加UIViewRepresentable，决定直接用TextField。

我希望这能达到你的目的。

struct SearchTextField: View {
    @State var input: String = ""
    @Binding var searchText: String

    var body: some View {
        HStack {
            Image(systemName: "magnifyingglass")
            TextField("Search word", text: $input, onCommit: {
                self.searchText = self.input
            })
        }
    }
}

final class SearchViewModel: ObservableObject {
        @Published var searchText = ""
}

struct ContentView: View {
    @ObservedObject var viewModel = SearchViewModel()
    var body: some View {
        NavigationView {
            Text("Hello")
            .navigationBarTitle(Text(""), displayMode: .inline)
            .navigationBarItems(leading:
                HStack {
                    SearchTextField(searchText: $viewModel.searchText)
                }
            )
        }
    }
}