如何使动态口令中的线条动画在SwiftUI中粘贴文本时一次移动一条

import SwiftUI

struct DynamicPasscodeView: View {
    @State private var passcode: String = ""
    
    var body: some View {
        VStack {
            TextField("Enter passcode", text: $passcode)
                .textFieldStyle(RoundedBorderTextFieldStyle())
                .padding()
            
            ZStack {
                ForEach(Array(passcode.enumerated()), id: \.offset) { index, character in
                    Path { path in
                        path.move(to: CGPoint(x: CGFloat(index) * 20, y: 0))
                        path.addLine(to: CGPoint(x: CGFloat(index) * 20, y: 50))
                    }
                    .stroke(Color.blue, lineWidth: 2)
                    .animation(Animation.default.delay(Double(index) * 0.2))
                }
            }
        }
    }
}

struct ContentView: View {
    var body: some View {
        DynamicPasscodeView()
    }
}

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