How to use this library with SwiftUI?

[bhavitha-fission]

How to use this library with SwiftUI?

[xornorik]

Hi @bhavitha-fission, I have yet to provide support for SwiftUI. Will work on this soon - please stay tuned. Thanks.

[ArkInnovationsPH]

+1 also need it in Swift UI

[bhavitha-fission]

Hi @bhavitha-fission, I have yet to provide support for SwiftUI. Will work on this soon - please stay tuned. Thanks.

Hi, Any update on this?

[xornorik]

@bhavitha-fission I'm working on it. Will be a little while before I have this up and working on SwiftUI. Please stay tuned.

[codetanmoy]

import SwiftUI
import SVPinView
import UIKit

struct OTPWithKAPin: UIViewRepresentable {
var otpCode: String?
var numberofElement: Int = 6

var getotp : (_ code: String) -> ()

class Coordinator: NSObject {
    var parent: OTPWithKAPin

    init(_ parent: OTPWithKAPin) {
        self.parent = parent
    }

}

func makeCoordinator() -> Coordinator {
    Coordinator(self)
}


func makeUIView(context: Context) ->  SVPinView {
    let pinView:SVPinView = SVPinView()
    
    pinView.pinLength = numberofElement
    pinView.secureCharacter = "\u{25CF}"
    pinView.interSpace = CGFloat(numberofElement)
    pinView.textColor = UIColor.black
    pinView.shouldSecureText = true
    pinView.style = .underline

    pinView.borderLineColor = UIColor(named: "TintColor")!.withAlphaComponent(0.50)
    pinView.activeBorderLineColor = UIColor(named: "TintColor")!.withAlphaComponent(1.0)
    pinView.borderLineThickness = 1
    pinView.activeBorderLineThickness = 3

    pinView.font = UIFont.systemFont(ofSize: 15)
    pinView.keyboardType = .phonePad
    pinView.keyboardAppearance = .default
    pinView.placeholder = "******"
    pinView.isContentTypeOneTimeCode = true
    pinView.updateFocusIfNeeded()
    pinView.becomeFirstResponderAtIndex = 0
    
    
    pinView.didFinishCallback = {  pin in
        print("The pin entered is \(pin)")
    }
    
    pinView.didChangeCallback = { pin in
        self.getotp(pin)
    }
    
    return pinView
}

func updateUIView(_ uiView: SVPinView, context: Context) {
    
}

}

And use this with your swiftui

OTPWithKAPin(numberofElement: 4) { (pin) in
print(pin)
}