如何在 SwiftUI 中通过按钮点击一次为一个更改设置动画

我有一个循环，在其中我更新一个值来更改视图.

struct AnimationQuestion: View {
   @State var colors = "????????????????????????⬛️????⬜️".map { String($0) }
   @State var reversedColors = "⬜️????⬛️????????????????????????".map { String($0) }

   var body: some View {
      VStack {
         Spacer()
         Button("Tap") {
            let temp = colors
            for i in 0 ..< colors.count {
               withAnimation(.linear(duration: 4.0)) {
                  colors[i] = reversedColors[i]
               }
            }
            reversedColors = temp
            
         }
         Spacer()

         HStack {
            ForEach(Array(colors.enumerated()), id: \.0) { index, color in
               Text(color).tag(index)
            }
         }
         Spacer()
      }
   }
}

struct QuestionPreview: PreviewProvider {
   static var previews: some View {
      AnimationQuestion()
   }
}

我希望这些行按顺序(明显地)执行动画:

    withAnimation(.linear(duration: 4.0)) {
         colors[i] = reversedColors[i]
    }