(アーカイブ)【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
スポンサーリンク

現象

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

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

現象

スポンサーリンク

対処方法

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

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

スポンサーリンク

あわせて読みたい記事

【SwiftUI】Listの行入れ替え
(2021/09/28 更新) Listの行入れ替え処理の実現方法について解説します。
【SwiftUI】ForEachの使い方(2/2)
ForEachの繰り返し処理にて出力したデータを変更(削除、並び替え)できるようにするには、SwiftUIが該当データを識別する為に、各要素の一意性が保証されている必要があります。 本記事(2/2)では、各要素の一意性を保証したデータコレク...