プレビューで書く変数が分からなく困っています

Question

###プレビューで書く変数が分からなく困っています
SwiftUIを勉強し始めて1週間の者です。
練習としてロック画面を作っていますが
プレビュー画面にエラーが出てここから進みません。
エラー内容としては
[Missing argument for parameter 'handler' in call
Insert 'handler: <#(String, (Bool) -> Void) -> Void#>']
です。
どの様に書けばクリアできるのでしょうか？
教えてください。お願いします。

import SwiftUI
// import Introspect

public struct Lock: View {
    
    var maxDigits: Int = 4
    var label = "Enter One Time Password"
    
    @State var pin: String = ""
    @State var showPin = false
    @State var isDisabled = false
    
    
    var handler: (String, (Bool) -> Void) -> Void
    
    public var body: some View {
        VStack(spacing: 30) {
            Text(label).font(.title)
            ZStack {
                pinDots
                backgroundField
            }
            showPinStack
        }
        
    }
    
    private var pinDots: some View {
        HStack {
            Spacer()
            ForEach(0..<maxDigits) { index in
                Image(systemName: self.getImageName(at: index))
                    .font(.system(size:30, weight:.ultraLight, design: .default))
                Spacer()
            }
        }
    }
    
    private var backgroundField: some View {
        let boundPin = Binding<String>(get: { self.pin }, set: { newValue in
            self.pin = newValue
            self.submitPin()
        })
        
        return TextField("", text: boundPin, onCommit: submitPin)
      
      // Introspect library can used to make the textField become first resonder on appearing
      // if you decide to add the pod 'Introspect' and import it, comment #50 to #53 and uncomment #55 to #61
      
           .accentColor(.clear)
           .foregroundColor(.clear)
           .keyboardType(.numberPad)
           .disabled(isDisabled)
      
//             .introspectTextField { textField in
//                 textField.tintColor = .clear
//                 textField.textColor = .clear
//                 textField.keyboardType = .numberPad
//                 textField.becomeFirstResponder()
//                 textField.isEnabled = !self.isDisabled
//         }
    }
    
    private var showPinStack: some View {
        HStack {
            Spacer()
            if !pin.isEmpty {
                showPinButton
            }
        }
        .frame(height:30)
        .padding([.trailing])
    }
    
    private var showPinButton: some View {
        Button(action: {
            self.showPin.toggle()
        }, label: {
            self.showPin ?
                Image(systemName: "eye.slash.fill").foregroundColor(.primary) :
                Image(systemName: "eye.fill").foregroundColor(.primary)
        })
    }
    
    private func submitPin() {
        guard !pin.isEmpty else {
            showPin = false
            return
        }
        
        if pin.count == maxDigits {
            isDisabled = true
            
            handler(pin) { isSuccess in
                if isSuccess {
                    print("pin matched, go to next page, no action to perfrom here")
                } else {
                    pin = ""
                    isDisabled = false
                    print("this has to called after showing toast why is the failure")
                }
            }
        }
        
        // this code is never reached under  normal circumstances. If the user pastes a text with count higher than the
        // max digits, we remove the additional characters and make a recursive call.
        if pin.count > maxDigits {
            pin = String(pin.prefix(maxDigits))
            submitPin()
        }
    }
    
    private func getImageName(at index: Int) -> String {
        if index >= self.pin.count {
            return "circle"
        }
        
        if self.showPin {
            return self.pin.digits[index].numberString + ".circle"
        }
        
        return "circle.fill"
    }
}

extension String {
    
    var digits: [Int] {
        var result = [Int]()
        
        for char in self {
            if let number = Int(String(char)) {
                result.append(number)
            }
        }
        
        return result
    }
    
}

extension Int {
    
    var numberString: String {
        
        guard self < 10 else { return "0" }
        
        return String(self)
    }
}

struct Lock_Previews: PreviewProvider {
    static var previews: some View {
        Lock()
    }
}

Answer 1

自分で作ったロック画面の使い方が自分でわからないということなのでしょうか?

このコードだと、
var handler: (String, (Bool) -> Void) -> Void
で宣言したhandlerをLock画面呼び出しの引数に指定する必要があると思います。

このhandlerは、 (String, (Bool) -> Void) -> Void 型の
クロージャを指定する引数で、このクロージャの第一引数で
入力されたピンコードを受け取ってそれが正しいか否か判定し、
その判定結果(true/false)を第二引数に指定されたクロージャを
呼び出すことで伝える仕様になっているのだと思います。

このコードが自分で考えて作ったものではなく、何かの記事に書かれてあった
コードをそのまま写して、その動作を試そうとしたのであれば、
記事の中にその辺りの使い方の話も書いてあるのではないのでしょうか?

何か記事を参考にしたのであれば、記事のURLをきちんと示して質問すれば、
もっと的確なアドバイスが得られると思います。

---

(4/19 追記)

記事の内容を読んでみました。Lock画面のコードについての説明はありますが、それを使うためのコードやその説明はありませんね。それくらいはLock画面のコードを読んで自分で考えろってことなんでしょうね。クロージャのことがちゃんと理解できていれば、さほど難しいことではありませんので。

例えば、次のようなコードを書けばLock画面を呼び出せると思います。
(0000が入力された場合を正解としています。)

        Lock() { pin,handler in
            print(pin)
            if pin == "0000" {
                handler(true)
            } else {
                handler(false)
            }
        }

クロージャについてきちんと勉強することをお勧めします。

Comments

[konokarakaua]

ご丁寧にありがとうございます。
練習として下記のサイトを参考にしコードの打ち込みをしたのですがプレビューのところで分からなくなってしまいました。
https://medium.com/flawless-app-stories/swiftui-passcode-field-for-otp-and-pin-entry-b61ba663dc31
こちらが記事のURLです。
TakeOneさんのおかげで理屈は分かりましたがそれをどの様に書けば良いか分かりません。
よろしくお願い致します。

[TakeOne]

回答追記しました。

[konokarakaua]

プレビュー表示されました！
ありがとうございました！

クロージャ一から勉強します。
本当にありがとうございました！

Answer 2

プレビュー表示されました！
ありがとうございました！

クロージャ一から勉強します。
本当にありがとうございました！