SecureField | 初心者向けプログラミング講座

SecureFieldビューのサンプルコードを記載します。

１．サンプルコード

import SwiftUI

struct ContentView: View {
    @State private var password = ""
    @State private var inputMoji = ""
    
    var body: some View {
        VStack {
            SecureField("パスワードを入力", text: $inputMoji, onCommit: {
                self.password = self.inputMoji
            })

            Text(password)
        }
    }
}

struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
    }
}

２．使い方

SecureFieldビューは、パスワード入力フィールドを画面に表示するビューです。入力された文字は黒丸で表示されます。

SecureField("文字列", text: $var1)

３．表示例

４．代表的なモディファイア

import SwiftUI

struct ContentView: View {
    @State private var password = ""
    @State private var inputMoji = ""
    
    var body: some View {
        VStack {
            SecureField("パスワードを入力してください。", text: $inputMoji, onCommit: {
                self.password = self.inputMoji
            })
                .textFieldStyle(RoundedBorderTextFieldStyle())
                    .keyboardType(.alphabet)
            Text(password)
        }
    }
}

struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
    }
}