时间戳

首页 > 解决方案 > SwiftUI 将图像添加到文本字段的左侧

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

问题描述

我试图在 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

标签： uitextfieldswiftui

解决方案

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

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))

推荐阅读