OSX 中的 SwiftUI 自定义文本字段

Question

我正在为 Mac OSX 的 SwiftUI 创建一个编辑视图。用户可以更改他的个人资料。目前我正在使用默认的Text() 元素来查看他的当前值/设置。

现在我想创建一个编辑模式。我已经创建了一个按钮，用于切换编辑模式。如果激活了编辑模式，我将每个 Text 替换为 TextField。

当我查看 Apple 的 Mac OSX 通讯录时，我发现他们使用的是不同类型的文本字段（见图）

是否可以在 SwiftUI 和 OSX 中使用这种元素？他们叫什么，或者他们只是定制了带边框的文本字段？我找不到任何关于它们的官方文档。如果有人找到它，我会很高兴。

Answer 1

嗯，一般来说，你只需要PlainTextFieldStyle，但由于目前 SwiftUI 不允许关闭焦点环，下面有一些解决方法可以对所有文本字段全局禁用它。

无论如何...我认为值得发布，所以在这里（用 Xcode 11.3 测试）

extension NSTextField { // << workaround !!!
    open override var focusRingType: NSFocusRingType {
        get { .none }
        set { }
    }
}

struct ContentView: View {
    @State private var text = ""
    var body: some View {
        HStack {
            Text("Mobil")
            TextField("", text: $text)
                .textFieldStyle(PlainTextFieldStyle())
                .padding(1)
                .background(RoundedRectangle(cornerRadius: 2).stroke(Color.white))
                .frame(width: 100)
        }
        .frame(maxWidth: .infinity, maxHeight: .infinity)
        .background(Color.black)
    }
}