簡體   English   中英

如何在 swiftui (macos) 中將文本字段添加到工具欄

[英]How to add a textfield to toolbar in swiftui (macos)

我正在嘗試學習 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(地址行)中的工具欄中添加文本字段?

可以對TextField使用樣式,例如

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

甚至具有您需要的外觀和感覺的自定義樣式,例如https://stackoverflow.com/a/63976054/12299030

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM