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

查看:32
本文介绍了SwiftUI。如何更改Textfield的占位符颜色?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

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

我尝试设置foregroundColoraccentColor,但它没有更改占位符颜色。

代码如下:

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屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆