How to show an action sheet

 

Hacking with Swift 사이트의 강좌 번역본입니다.

 

[원문 : https://www.hackingwithswift.com/quick-start/swiftui/how-to-show-an-action-sheet]

 

How to show an action sheet

 

SwiftUI는 사용자가 선택할 수 있는 액션 시트(action sheet)를 만들기 위한 ActionSheet 뷰를 제공하고, 경고창과 비슷한 동작 합니다.

 

우선, 액션 시트가 보여질지 아닌지를 추적할 property 하나를 정의해야 합니다.

@State private var showingSheet = false

 

다음으로, 제목, 메시지 제목, 보여져야 하는 버튼 배열로 이루어진 SwiftUI 액션 시트의 기본 코드는 다음과 같습니다.

ActionSheet(title: Text("Action"), message: Text("Quote mark"), buttons: [.default(Text("Show Sheet"))])

 

그리고나서 보여줄지 말지를 결정하는 바인딩(binding)과 함께 뷰에 붙여넣을 수 있습니다.

 

탭을 누를때 액션 시트가 보여주는 예제 뷰 안으로 이 모든 것을 함께 넣을 수 있습니다. 

struct ContentView: View {
    @State private var showingSheet = false

    var body: some View {
        Button(action: {
            self.showingSheet = true
        }) {
            Text("Show Action Sheet")
        }
        .actionSheet(isPresented: $showingSheet) {
            ActionSheet(title: Text("What do you want to do?"), message: Text("There's only one choice..."), buttons: [.default(Text("Dismiss Action Sheet"))])
        }
    }
}