[SwiftUI]TextField(テキストフィールド)を編集出来ない(not editable)ようにするには？

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

TextFieldを編集不可にする方法を紹介します。

方法
使用例
1. 関連

方法

TextFieldを編集出来ないようにするには、disabledモディファイアを使います。

まず、TextFieldにdisabledモディファイアを付与します。

そして、disabledモディファイアの引数にtrueを指定します。

TextField("", text: $editingText)
    .disabled(true)

disabledモディファイアを使えば、TextFieldを編集不可にすることができます。

使用例

以下は、使用例です。

struct ContentView: View {
    @State var editingText = ""
    @State var isDisabled = true
    var body: some View {
        VStack {
            TextField("Your Text",text: $editingText)
                .disabled(isDisabled)
                .padding()
                .textFieldStyle(RoundedBorderTextFieldStyle())
            Button(action: {
                self.isDisabled.toggle()
            }){
                Text("Switch")
            }
        }
    }
}