如何在swiftui（macos）中将文本字段添加到工具栏答案

【问题标题】：How to add a textfield to toolbar in swiftui (macos)如何在swiftui（macos）中将文本字段添加到工具栏
【发布时间】：2021-01-26 12:26:55
【问题描述】：

我正在尝试学习 swiftui 并面临“标记”问题。我需要在工具栏中使用文本字段构建 UI（如 Safari 中的地址行）：

我试过这样做：

import SwiftUI

struct ContentView: View {
    @State var searchText: String = ""
    
    var body: some View {
        NotesListView(notesRepo: InMemoryNotesStubRepository())
            .frame(minWidth: 500, minHeight: 300)
            .toolbar {
                ToolbarItem(placement: .primaryAction){
                    TextField("Search", text: $searchText)
                        .frame(minWidth: 300)
                }
            }
    }
}

struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
    }
}

我有一些奇怪的东西：

谁能帮助我如何在 Safari（地址行）中向工具栏添加文本字段？

【问题讨论】：

标签： macos swiftui

【解决方案1】：

TextField 可以使用样式，比如

ToolbarItem(placement: .primaryAction){
    TextField("Search", text: $searchText)
        .textFieldStyle(RoundedBorderTextFieldStyle())
        .frame(minWidth: 300)
}

甚至具有您需要的外观和感觉的自定义样式，例如https://stackoverflow.com/a/63976054/12299030

【讨论】：