Swift - 从 View 扩展以编程方式更新 Binding<String> 存储的值

Question

所以我的目标是有一种更方便的方法来在 SwiftUI 的 TextEditor 上添加占位符文本值，因为似乎没有。我正在尝试的方法发现了一些我对 Binding<> 包装类型真的不了解的东西。 （也许这是一个危险信号，我正在做一些不推荐的事情？）

无论如何，关于我的问题：我们是否能够以编程方式更新Bindings 上的基础值？如果我接受一些Binding<String> 值，我可以从我的方法中更新它吗？如果是这样，@State 发起者是否会引用更新后的值？下面的示例将占位符值作为文本放置在您单击它时我尝试输入的位置，如果我将其清除，甚至不会再次尝试。

从我前段时间找到的其他帖子中导入了这段代码，以便在正文为空时显示占位符。

import Foundation
import SwiftUI

struct TextEditorViewThing: View {
  @State private var noteText = ""
  var body: some View {
    VStack{
      TextEditor(text: $noteText)
        .textPlaceholder(placeholder: "PLACEHOLDER", text: $noteText)
        .padding()
    }
  }
}

extension TextEditor {
  @ViewBuilder func textPlaceholder(placeholder: String, text: Binding<String>) -> some View {
    self.onAppear {
      // remove the placeholder text when keyboard appears
      NotificationCenter.default.addObserver(forName: UIResponder.keyboardWillShowNotification, object: nil, queue: .main) { (noti) in
        withAnimation {
          if text.wrappedValue == placeholder {
            text.wrappedValue = placeholder
          }
        }
      }
      
      // put back the placeholder text if the user dismisses the keyboard without adding any text
      NotificationCenter.default.addObserver(forName: UIResponder.keyboardWillHideNotification, object: nil, queue: .main) { (noti) in
        withAnimation {
          if text.wrappedValue == "" {
            text.wrappedValue = placeholder
          }
        }
      }
    }
  }
}

Answer 1

根据您的要求自定义此设置：

struct ContentView: View {
    @State private var text: String = ""
    
    var body: some View {
        VStack {
            ZStack(alignment: .leading) {
                if self.text.isEmpty {
                    VStack {
                        Text("Placeholder Text")
                            .multilineTextAlignment(.leading)
                            .padding(.leading, 25)
                            .padding(.top, 8)
                            .opacity(0.5)
                        Spacer()
                    }
                }
                TextEditor(text: $text)
                    .padding(.leading, 20)
                    .opacity(self.text.isEmpty ? 0.5 : 1)
            }
            .frame(width: UIScreen.main.bounds.width, height: UIScreen.main.bounds.height/2)
            .overlay(
                Rectangle().stroke()
                    .foregroundColor(Color.black)
                    .padding(.horizontal, 15)
            )
        }
    }
}