List上でのanimationの挙動が行によって異なることについて

Question

前提・実現したいこと

List上でカードがスライドするanimationを実装したいと考えています。

発生している問題・エラーメッセージ

現在Spacerをtoggleにて出現させる仕様にしているのですが、Listに10個ほど入れたあたりから挙動がおかしくなります。
本来ならば、Spacerをduration: 2でゆっくり出現させたいところが、一瞬で出現し、カードが滑らかに動きません。
どなたか原因が分かる方はいらっしゃらないでしょうか？よろしくお願いします。

該当のソースコード

struct ContentView: View {
    @State private var animals = [
        Row(name: "dog"),
        Row(name: "wolf"),
        Row(name: "horse"),
        Row(name: "gorilla"),
        Row(name: "monkey"),
        Row(name: "rabbit"),
        Row(name: "rat"),
        Row(name: "tiger"),
        Row(name: "cat"),
        Row(name: "pig"),
        Row(name: "lion"),
        Row(name: "fox"),
        Row(name: "bear"),
    ]
    
    var body: some View {
        HStack {
            List{
                ForEach(animals, id: .self) { animal in
                    RowView(animalName: animal.name)
                }
            }
        }
    }
}

struct Row: Identifiable, Hashable {
    var id = UUID()
    var name : String
}

struct RowView: View {
    @State var show = false
    var animalName: String
    
    var body: some View {
        HStack{
            if show{
                Spacer()
            }
            
            ZStack {
                Rectangle()
                    .fill(Color.white)
                    .frame(width: 180, height: 180)
                    .border(Color.black, width: 5)
                    .gesture(TapGesture().onEnded{
                        withAnimation(.linear(duration: 2)){
                            self.show.toggle()
                        }
                })
                
            Text(animalName)
            }
        }
    }
}

試したこと

Spacerをoffsetに変えてみる✖️
DispatchQueueによる遅延処理✖️
ListをFormに変えてみる✖️

などなど色々試してみましたがうまくいきません。

しかし本意では無いですが、下記のようにNavigationListを実装するときちんと動作することは確認できました。

該当のソースコード

struct ContentView: View {
    @State private var animals = [
        Row(name: "dog"),
        Row(name: "wolf"),
        Row(name: "horse"),
        Row(name: "gorilla"),
        Row(name: "monkey"),
        Row(name: "rabbit"),
        Row(name: "rat"),
        Row(name: "tiger"),
        Row(name: "cat"),
        Row(name: "pig"),
        Row(name: "lion"),
        Row(name: "fox"),
        Row(name: "bear"),
    ]
    
    var body: some View {
        HStack {
            NavigationView {
                List{
                    ForEach(animals, id: .self) { animal in
                        NavigationLink(destination: SecondView()) {
                            RowView(animalName: animal.name)
                        }
                    }
                }
            }
        }
    }
}

補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。

Answer 1

Appleに問い合わせたところ、Xcode12 betaで修正済みだそうです。