ScrollView 中的 Animation 缺少 SwiftUI 中的最后一个 object

Question

I'm trying to create a list of objects that when filled every object will have an animation with a delay depending on its position in the array.

To replicate my problem here's the code:

struct ScrollViewTest: View{
    
    @State private var indexes = [Int]()
        
    var body: some View{
        VStack{
            ForEach(indexes, id:\.self){ index in
                Text("Index: \(index)")
                    .transition(.opacity)
            }
            
        }
        .onAppear {

            for index in 0..<9{
                withAnimation(Animation.easeInOut.delay(Double(index) * 0.5)){
                    indexes.insert(index, at: index)
                }
            }
        }
    }
}

As you can see, Index 8 is already visible before the animation even started. How do I solve this kind of problem?

Answer 1

I am not seeing an issue on Swift 5, Xcode version 12.3.

Answer 2

Apparently, this problem occurs only on the live preview. My mistake was that I determined that there is a problem because I used the live preview to examine the animation.