SwiftUI TextField和overlay

Question

我想添加一个覆盖视图(Color.black)到一个textField (目标是降低亮度)。

但是，添加覆盖视图后，textField无法使用(Select)。

我试过allowsHitTesting(假的)，但没有用。

有人知道如何解决这个问题吗？

TextField(title: StringProtocol, text: Binding<String>)
    .overlay(Color.black.opacity(0.2))

Answer 1

覆盖在TextField前面创建一个次要视图。您可以使用背景实现相同的结果。这是密码。希望这能有所帮助。

import SwiftUI

struct ContentView: View {
    @State var name: String = "This is a test."
    var body: some View {
        TextFieldView(name: $name)
    }
}

struct TextFieldView: View {
    @Binding var name: String
    var body: some View {
        TextField("Name", text: $name)
            .background(
                Color.black.opacity(0.2)
            )
    }
}

Answer 2

若要降低亮度，请使用.brightness修饰符！

TextField("title", text: $txt).brightness(0.5)

通常，.brightness、.opacity、.foregroundColor、.background的组合可以帮助您根据需要调整视觉外观。

要更改光标样式，请使用.accentColor