macOS 中 ToolbarItem 中的 TextField 仍然很小

Question

我正在尝试将 TextField 放入 macOS 应用程序的工具栏中。但是，我通过 .frame() 应用的约束似乎没有任何效果。 这是一些测试代码：

ToolbarTestApp.swift

import SwiftUI

@main
struct toolbartestApp: App {
    var body: some Scene {
        WindowGroup {
            ContentView()
        }
        .windowStyle(.titleBar)
        .windowToolbarStyle(.unified(showsTitle: false))
    }
}

ContentView.swift

import SwiftUI

struct ContentView: View {
    @State var text = ""
    
    var body: some View {
        Text("Hello, world! Hello, world! Hello, world! Hello, world! Hello, world!")
            .padding()
            .toolbar(content: {
                ToolbarItem(placement: .principal) {
                    TextField("example", text: $text)
                        .textFieldStyle(.roundedBorder)
                        .frame(maxWidth: .infinity)
                }
            })
    }
}

这是结果

谁能告诉我如何使 TextField 占据工具栏的整个宽度？如果我必须使用 NSViewRepresentable，你能给我指出正确的方向吗？

谢谢

Answer 1

你不是第一个提出这个问题的人。显然，这篇文章也讨论了这个主题。我重现您的问题并找到解决方案的方式是使用此内容视图。

import SwiftUI

struct ContentView: View {
    @State var text = ""
    
    var body: some View {
        GeometryReader { geo in
            Text("Hello, world! Hello, world! Hello, world! Hello, world! Hello, world!")
                .padding()
                .toolbar(content: {
                    ToolbarItem(placement: .principal) {
                        TextField("example", text: $text)
                            .frame(width: geo.size.width - 20)
                            .textFieldStyle(.roundedBorder)
                    }
            })
        }
    }
}

这将为您提供如下屏幕：

正如您所看到的，文本字段扩展到整个窗口。