[SwiftUI]TextField(テキストフィールド)を入力不可(not inputable)にするには？

どうも、ちょげ(@chogetarou)です。

TextFieldを入力できないようにする方法を紹介します。

方法
使用例

方法

TextFieldを入力不可にするには、disabled修飾子を使います。

まず、TextFieldにdisabled修飾子を付与します。

そして、disabled修飾子の引数に「true」を指定します。

TextField(・・・)
    .disabled(true)

disable修飾子を付与し引数にtrueを指定することで、TextFieldを入力不可にすることが出来ます。

入力可能と入力不可を切り替える場合には、変数を使います。

使用例

struct ContentView: View {
    
    @State var editingText = ""
    @State var isDisabled = true

    var body: some View {
        VStack {
            TextField("Text Input", text: $editingText)
                .disabled(isDisabled)
                .padding()
            
            Button("Switch") {
                self.isDisabled.toggle()
            }
        }
    }
}