如何解决带有浮动标签的 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 举报,一经查实,本站将立刻删除。