（アーカイブ）【SwiftUI】Listでセルをドラックする時の不具合

（2020/10/17 更新）

Listの並び替え操作時のアニメーションで、挙動がおかしいケースがあります。
おそらくXcodeの今後のバージョンアップで解消すると思われますが、現時点での対処方法を残しておきます。

本記事の現象は、Xcode12.0、iOS14.0で解消しています。

環境

この記事の情報は次のバージョンで動作確認しています。

【Xcode】11.4.1
【Swift】5.2
【iOS】13.4.1
【macOS】Catalina バージョン 10.15.4

次のようなコードで、行入れ替え可能なテーブルを作成します。

struct ContentView: View {

@State private var fruits = ["りんご", "オレンジ", "バナナ", "パイナップル", "いちご"]

var body: some View {

NavigationView {

List {

ForEach(fruits, id: \.self) { fruit in

Text(fruit)

}

.onMove(perform: rowReplace)

}

.navigationBarItems(trailing: EditButton())

}

func rowReplace(_ from: IndexSet, _ to: Int) {

fruits.move(fromOffsets: from, toOffset: to)

}

実行すると「１行上に移動させた時だけ」セル移動アニメーションの挙動がおかしい現象が発生します。
ドラッグしたアイテムが元の位置に戻ってから，もう一度移動するような動きです。

上記の例では、ForEachの繰り返し処理の中身を次のように置き換えると、おかしな挙動は回避できます。

HStack {

Text(fruit)

}.id(UUID())

ただし、他の条件（EditModeやNavigationLink等）が絡んでくると、おかしな動きをするようですので、あくまで限定的な対処方法です。