SwiftUI multicolor animated stroke

StrokeView.swift

struct DashedRect: View {
    @State private var dashAngle: CGFloat = 0
    @State private var dashAngle2: CGFloat = 10
    
    var body: some View {
        VStack {
            HStack {
                
            }
        }
        .frame(maxWidth: .infinity, alignment: .center)
        .background(.gray)
        .cornerRadius(20)
        .padding(.all, 25)
        .background {
            RoundedRectangle(cornerRadius: 20)
                .strokeBorder(
                    style: StrokeStyle(
                        lineWidth: 3,
                        dash: [10],
                        dashPhase: dashAngle))
                .animation(.linear(duration: 1).repeatForever(autoreverses: false), value: dashAngle)
                .foregroundColor(.purple.opacity(0.8))
                .onAppear {
                    dashAngle = 20
                }
            
            RoundedRectangle(cornerRadius: 20)
                .strokeBorder(
                    style: StrokeStyle(
                        lineWidth: 3,
                        dash: [10],
                        dashPhase: dashAngle2))
                .animation(
                    .linear(duration: 1).repeatForever(autoreverses: false), value: dashAngle2)
                .foregroundColor(.pink.opacity(0.5))
                .onAppear {
                    dashAngle2 = 30
                }
        }
    }
}

#Preview {
    DashedRect()
}