[Flutter]Cupertino(iOS風)でTextFieldを表示するには？

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

CupertinoでTextFieldを表示する方法を紹介します。

方法

CupertinoでTextFieldを表示するには、CupertinoTextFieldを使います。

基本的な使い方は、通常のTextFieldと同じで、引数なしでも使うことが出来ます。

違うところは、いくつかの引数が違っている点です。

特に違うのが、引数「decoration」で、BoxDecrationを指定します。

CupertinoTextField(
  decoration: BoxDecoration(
      color: Colors.blue[100],
      border: Border.all(color: Colors.black),
　　),
  prefix: Icon(Icons.person),
),

CupertinoTextFieldを使えば、iOS風のTextFieldを表示することが出来ます。

[Flutter]TextFormFieldのキーボードをメールアドレス用にするには？

TextFormFieldのキーボードをメールアドレス用にする方法を紹介します。

www.choge-blog.com

2021.12.07

[Flutter]TextFormFieldの下線の色を設定するには？

TextFormFieldの下線の色を設定する方法を紹介します。

www.choge-blog.com

2021.12.07

[Flutter]TextFormFieldの入力欄とエラーメッセージの間隔を変えるには？

TextFormFieldの入力する欄とエラーメッセージの間にある余白を変える方法を紹介します。

www.choge-blog.com

2021.12.07

[Flutter]TextFormFieldのエラーメッセージを削除するには？

TextFormFieldのエラーメッセージを表示しないようにする方法を紹介します。

www.choge-blog.com

2021.12.07