SwiftUI 将图像添加到文本字段的左侧

Question

我试图在 SwiftUI 中文本字段的左侧获取一个 SF 符号，但在 SwiftUI 之前使用的方法并没有真正起作用。我以为这段代码会起作用，但它没有。另外，如果有人可以提供帮助，我将如何更改文本字段中文本的字体和颜色？

这是我试图完成的图像：https : //i.stack.imgur.com/Dud0M.png

TextField(textFieldDescription, text: 
                .constant(""))
                .padding(.all)
                .background(textFieldBackground)
                .cornerRadius(10)
                .leftViewMode = Image(systemName: "lock").always
                .leftViewMode = .always

Answer 1

这是一个实现。请注意，有一个错误，如果文本字段的初始文本为空，则颜色和字体设置将被忽略：

HStack {
    Image(systemName: "lock")
    TextField("", text: .constant("typed text")).foregroundColor(Color.red).font(Font.custom("Papyrus", size: 16))
}
.padding()
.overlay(RoundedRectangle(cornerRadius: 10).stroke(lineWidth: 2).foregroundColor(Color.black))