SwiftUI。如何更改Textfield的占位符颜色？ [英] SwiftUI. How to change the placeholder color of the TextField?

问题描述

我想更改TextField的占位符颜色，但找不到方法。

我尝试设置foregroundColor和accentColor，但它没有更改占位符颜色。

代码如下：

TextField("Placeholder", $text)
    .foregroundColor(Color.red)
    .accentColor(Color.green)

可能还没有用于此操作的API？

推荐答案

目前还没有接口。但您可以：

使用自定义placeholder修饰符将任何视图显示为任何其他视图的持有者！例如：

TextField("", text: $text)
    .placeholder(when: text.isEmpty) {
        Text("Placeholder recreated").foregroundColor(.gray)
}

💡这是一个简单的ZStack，您可以在View扩展中实现：

extension View {
    func placeholder<Content: View>(
        when shouldShow: Bool,
        alignment: Alignment = .leading,
        @ViewBuilder placeholder: () -> Content) -> some View {

        ZStack(alignment: alignment) {
            placeholder().opacity(shouldShow ? 1 : 0)
            self
        }
    }
}

🎁现在，您可以将任何样式应用于占位符，如带有图像的渐变占位符：

✅如果您感兴趣，这里是how to apply resizable gradient on any view

---

💡简约的艺术

大多数情况下，您只需要传递一个字符串和一个灰色占位符，如：

TextField("", text: $text)
    .placeholder("Placeholder", when: text.isEmpty)

您可以为上面的扩展编写一个简单的包装器：

extension View {
    func placeholder(
        _ text: String,
        when shouldShow: Bool,
        alignment: Alignment = .leading) -> some View {
            
        placeholder(when: shouldShow, alignment: alignment) { Text(text).foregroundColor(.gray) }
    }
}

与😉一样

这篇关于SwiftUI。如何更改Textfield的占位符颜色？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！