[SwiftUI] List 아이템 추가 삭제 이동

테이블 뷰에서 아이템을 추가하고 삭제 이동하는 기능은 많이 사용되는 기능입니다. 스위프트 UI에서는 List를 사용해서 보다 간단하게 이 기능을 구현할 수 있습니다. 이를 위해서는 NavigationView를 사용해야 하며 onMove, onDelete 함수를 사용합니다. 또한 토글 성격의 EditButton은 toolbar에 포함되며 macOS는 사용할 수 없고 iOS 전용입니다.

 

 

 

▼ 우선 해당 리스트에 사용될 데이터를 정의합니다. 총 5개의 데이터를 배열로 생성했습니다.

 

 

 

▼ 이제 NavigationView를 생성하고 그 안에 List를 추가합니다. ForEach 구문을 이용해서 배열에 있는 Text를 추가합니다. 

NavigationView

---

 

 

 

▼ 리스트가 추가되었다면 이제 navigationTitle을 추가해주고 toorbar에 EditButton()을 추가합니다. Edit 버튼을 누르면 버튼이 Edit에서 Done으로 토글 되는 것을 확인할 수 있습니다. 하지만 아직 수정하거나 삭제할 수 있는 기능은 동작하지 않습니다.

 

 

 

▼ 이제 ForEach 구문 뒤에 onMove, onDelete 함수를 추가해줍니다.

List 수정 삭제

 

---

 

 

 

▼