[SwiftUI]TextField(テキストフィールド)の文字(characters)を自動(auto)で小文字(lowercase letters)にするには？

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

TextFieldで入力した文字を自動で小文字にする方法を紹介します。

方法
1. textInputAutocapitalization
2. onEditingChanged
まとめ

方法

TextFieldの文字を自動で小文字にする方法は、２つあります。

textInputAutocapitalization

１つは、textInputAutocapitalizationを使う方法です。

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

そして、textInputAutocapitalizationモディファイアの引数に「.never」を指定します。

struct ContentView: View {
    @State var editingText = ""
    var body: some View {
        VStack{
            TextField("your text", text: $editingText)
                .textInputAutocapitalization(.never)
        }
    }
}

onEditingChanged

もう１つは、引数「onEditingChanged」を使う方法です。

まず、TextFieldの引数「onEditingChanged」にクロージャー（{_ in }）を指定します。

そして、クロージャの処理にテキストを小文字にする処理を追加します。

struct ContentView: View {
    @State var editingText = ""
    var body: some View {
        VStack{
            TextField("your text", text: $editingText, onEditingChanged: { _ in
                self.editingText = self.editingText.lowercased()　//テキストを大文字に
            })    
        }
    }
}