Enabling and disabling elements in forms

 

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

 

[원문 : https://www.hackingwithswift.com/quick-start/swiftui/enabling-and-disabling-elements-in-forms]

 

Enabling and disabling elements in forms

 

SwiftUI는 disabled() modifier를 사용해서, forms의 일부 또는 전체 form을 비활성화 할 수 있습니다. 그 요소가 비활성화되는지 아닌지를 정의하는 단일 Boolean을 사용합니다. form 요소의 스타일은 상태를 반영해서 자동으로 업데이트 됩니다 - 예를들어, 버튼과 토글은 회색으로 됩니다.

 

예를들어, 다음은 2개의 섹션으로 된 form을 만듭니다: 하나는 토클을 포함하고, 하나는 토글이 on일때 활성화되는 버튼을 포함합니다. 

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

    var body: some View {
        NavigationView {
            Form {
                Section {
                    Toggle(isOn: $agreedToTerms) {
                        Text("Agree to terms and conditions")
                    }
                }

                Section {
                    Button(action: {
                        // show next screen here
                    }) {
                        Text("Continue")
                    }.disabled(!agreedToTerms)
                }
            }.navigationBarTitle("Welcome")

        }
    }
}

 

보다시피, 버튼은 목록의 modifiers에 disabled(!agreedToTerms)를 추가해서 비활성화 됩니다. 

 

많은 다른 SwiftUI modifiers 처럼, disabled() 할 수 있으므로 해당 섹션에서 실행하거나 원하는 동작에 따라 전체 form에서 실행할 수 있습니다 - 예를들어, disabled(!agreedToTerms)을 이동함으로써 섹션 뒤로 오도록 합니다.