带有浮动标签的 SwiftUI 文本编辑器

问题描述

我正在尝试在 SwiftUI 中设置 Text Editor 的样式，使其看起来像 Material Design 元素。目前，我正在为浮动标签而苦苦挣扎。 我不知道如何捕获文本编辑器的编辑状态。 这是应用程序的代码：

struct FloatingTextEditor: View {
let textFieldHeight: CGFloat = 168
private let placeHolderText: String
@Binding var text: String
@State private var isEditing = false
public init(placeHolder: String,text: Binding<String>) {
    self._text = text
    self.placeHolderText = placeHolder
}
var shouldplaceHolderMove: Bool {
    isEditing || (text.count != 0)
}
var body: some View {
    ZStack(alignment: .topLeading) {
        TextEditor(text: $text)
            .onTapGesture {
            isEditing = true
        }
            .padding()
            .frame(height: textFieldHeight)
            .paragraph()
            .overlay(RoundedRectangle(cornerRadius: 4)
                        .stroke(Color.medium,linewidth: 1))
            .animation(.linear)
        
        Text(placeHolderText)
        .foregroundColor(Color.medium)
            .background(Color(UIColor.systemBackground))
        .padding(shouldplaceHolderMove ?
                 EdgeInsets(top: 0,leading:15,bottom: (textFieldHeight+30),trailing: 0) :
                 EdgeInsets(top: 0,bottom: (textFieldHeight-10),trailing: 0))
            .scaleEffect(shouldplaceHolderMove ? 1.0 : 0.8)
        .animation(.linear)
    }
}}

基本上我需要帮助弄清楚然后文本编辑器被点击。

这是它的设计供参考： Text Editor

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）