pushdeer/ios/PushDeer-iOS/PushDeer/View/Common/EditableText.swift

//
//  EditableText.swift
//  PushDeer
//
//  Created by HEXT on 2022/1/10.
//

import SwiftUI

struct EditableText: View {
  var placeholder = ""
  @State var value = ""
  var onCommit: (_ value: String) -> Void = { value in
    
  }
  
  var body: some View {
    TextField(placeholder, text: $value, onEditingChanged: { focus in
      print("focus", focus, placeholder, value)
      if !focus {
        // 输入框失去焦点的时候也保存
        self.onCommit(value)
      }
    }, onCommit: {
      // enter回车键也会收键盘, 使其失去焦点
      //      print("修改文本:", value)
      //      self.onCommit(value)
    })
      .font(.system(size: 20))
      .foregroundColor(Color.accentColor)
      .submitLabelDone()
  }
}

struct EditableText_Previews: PreviewProvider {
  static var previews: some View {
    VStack {
      EditableText(value: "你好")
      EditableText(placeholder: "请输入")
      EditableText()
      EditableText(placeholder: "请输入") { value in
        
      }
    }
  }
}