在 SwiftUI 中為 TextField 添加前綴

Question

我想要一個無法擦除的“+”號文本字段。 用戶應該能夠在它之后輸入值，如果他按下退格鍵，它應該只擦除他輸入的值。 當我寫任何其他數字時，它會自動在輸入值的開頭添加一個“+”。

例如：-我想在文本字段中添加國家/地區代碼，因此，一旦用戶開始輸入國家/地區代碼，“+”就會自動添加到字段的開頭。

Answer 1

在 SwiftUI 中，您可能希望使用組合框架來執行此操作。 創建一個ObservableObject來處理值的變化。 示例代碼在這里：

import SwiftUI
import Combine

struct ContentView: View {

    class ViewModel: ObservableObject {
        @Published var text = "" {
            didSet {
                if text.prefix(1) != "+" {
                    text = "+" + text
                }
            }
        }
    }

    @ObservedObject var viewModel = ViewModel()

    var body: some View {
        TextField("Placeholder", text:$viewModel.text)
    }
}

Answer 2

通常你應該在這里發布你的編碼嘗試，因為這不是一個“我們為你編碼”的平台......但是......這是一個陽光明媚的日子，所以這里是代碼;）

override func viewDidLoad() {
        super.viewDidLoad()
        // Do any additional setup after loading the view.

        let textField = UITextField(frame: CGRect(x: 100, y: 100, width: 200, height: 20))
        view.addSubview(textField)

        textField.addTarget(self, action: #selector(textFieldDidChange(_:)), for: UIControl.Event.editingChanged)

        textField.layer.borderColor = UIColor.red.cgColor
        textField.layer.borderWidth = 2

    }

    @objc func textFieldDidChange(_ textField: UITextField) {

        if textField.text?.prefix(1) != "+" {
            textField.text = "+" + textField.text!
        }
    }

Answer 3

  import SwiftUI

struct ContentView: View {

    @State var userName : String = ""
    var body: some View {
        VStack {
            HStack{
                Image(systemName: "plus")
                TextField("placeholder",text:$userName)
            }
            .padding(5)
            .foregroundColor(.white)
            .background(Capsule().fill(Color.gray))
            Spacer()
        }.padding(5)
    }
}

struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
    }
}

我會說這是添加“+”號的更好方法，這樣您在訪問userName時就不會收到+號

Answer 4

我需要在我的應用程序中使用相同的功能（用戶需要輸入國家/地區代碼以便我可以驗證號碼），並且我使用自定義綁定實現了與您想要的類似的功能：

struct PrefixedTextField: View {
    @State private var countryCode = "+"

    var body: some View {
        let countryCodeCustomBinding =
            Binding(
                get: { self.countryCode },
                set: {
                    self.countryCode = $0
                    if self.countryCode.isEmpty { self.countryCode = "+" }
                })

        return TextField("+91", text: countryCodeCustomBinding).keyboardType(.numberPad)
    }
}

Answer 5

嘗試用我的“kg”替換“+”

func textField(_ textField: UITextField, shouldChangeCharactersIn range: NSRange, replacementString string: String) -> Bool {
        var amountTypedString = myTF.text
        if string.count > 0 {
            if amountTypedString?.count ?? 0 > 2 {
                amountTypedString = String((amountTypedString?.dropLast(2))!)
            }
            amountTypedString! += string
            let newString = amountTypedString! + "kg"
            myTF.text = newString
        } else {
            amountTypedString = String((amountTypedString?.dropLast(3))!)
            if (amountTypedString?.count)! > 0 {
                let newString = amountTypedString! + "kg"
                myTF.text = newString
            } else {
                myTF.text = ""
            }
        }
        return false
    }