Building a Trello-like iOS App with Drag & Drop API

Kanban Board with Drag & Drop iOS API

You can also read this article in my Xcoding With Alfian blog website using the link below.

Building a Trello-like iOS App with Drag & Drop API | Xcoding with Alfian | Swift, iOS, Flutter…

Drag & Drop is the user interaction that works naturally when we want to build an app where user can move data around the screen. It’s being used heavily by apps like Trello, Jira, and many others to move data between boards.

Building an iOS app with drag & drop interaction before the release of iOS 11 SDK was not a straightforward process. In my previous experience, there were several tedious tasks that we have to perform manually, such as:

1. Add a long press gesture recognizer to the view that we want to drag.
2. Create a snapshot view when user begins to drag.
3. Handle updating of the dragged snapshot coordinate as user drag the snapshot around the screen.
4. Detect and handle when the user drops the item into a coordinate location.
5. Sync the dropped data destination and dragged data source, then update the UI respectively.