관리 메뉴

김종권의 iOS 앱 개발 알아가기

[iOS - swiftUI] EditButton 사용 방법 본문

iOS 기본 (SwiftUI)

[iOS - swiftUI] EditButton 사용 방법

jake-kim 2022. 8. 9. 23:38

목차) SwiftUI의 기본 - 목차 링크

EditButton

  • iOS 13+부터 사용 가능

https://developer.apple.com/documentation/swiftui/editbutton

  • 토글 성격의 버튼
  • EditButton은 일반적으로 List와 같이 사용
  • List는 또 ForEach와 같이 사용하는데, 이 ForEach에 onDelete {}, onMove {}를 추가하여 적용

  • .toobar { EditButton }만 추가하면 자동으로 위 화면처럼 delete버튼과 move버튼이 자동으로 적용
struct ContentView: View {
  @State private var fruits = [
    "Apple",
    "Banana",
    "Papaya",
    "Mango"
  ]
  
  var body: some View {
    NavigationView {
      List {
        ForEach(fruits, id: \.self) { fruit in
          Text(fruit)
        }
        .onDelete { fruits.remove(atOffsets: $0) }
        .onMove { fruits.move(fromOffsets: $0, toOffset: $1) }
      }
      .navigationTitle("Fruits")
      .toolbar {
        EditButton()
      }
    }
  }
}

cf) MenuButton, PasteButton

  • MenuButton은 Deprecated되었고 PasteButton은 iOS 16.0+ Beta부터 사용가능하므로 아직 사용하지 말것

https://developer.apple.com/documentation/swiftui/pastebutton/

* 참고

https://developer.apple.com/documentation/swiftui/pastebutton/

https://developer.apple.com/documentation/swiftui/editbutton

Comments