SwiftUIのTextField

  • 基本形
  • TextFieldのスタイル

変数宣言部分

@State var text = ""

TextField本体

TextField([プレースホルダーの文字列], text: $text)

TextFieldの第一引数がプレースホルダー、第二引数が入力欄に表示される文字列という感じですね。

TextFieldのスタイル

textFieldStyleを設定することで表示スタイルを変えることができる

.textFieldStyle([設定値])
設定値表示内容
DefaultTextFieldStyle()
RoundedBorderTextFieldStyle()

実装例

struct ContentView: View {
    @State private var text = ""
    var body: some View {
        VStack {
            TextField("プレースホルダー", text: $text)
                .textFieldStyle(RoundedBorderTextFieldStyle())
                .padding()
        }
    }
}

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

以下はtextFieldStyleがRoundedBorderTextFieldStyleの実装結果