[Flutter]TextFormFieldの枠線の角の丸みを設定するには？

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

TextFormFieldの枠線の角の丸みを設定する方法を紹介します。

方法

TextFormFieldの枠線の角の丸みを設定するには、OutlinedBorderの引数「borderRadius」を使います。

具体的には、OutlinedBorderの引数「borderRadius」にBorderRadius.circular()を指定します。

そして、circularの引数に角の丸みを指定します。

TextFormField(
  decoration: InputDecoration(
    border: OutlineInputBorder(
      borderRadius: BorderRadius.circular(/*角の丸み*/),
    ),
  ),
),

これでTextFormFieldの角の丸みを設定することが出来ます。

使用例

以下は、使用例です。

TextFormField(
  decoration: InputDecoration(
    border: OutlineInputBorder(
      borderRadius: BorderRadius.circular(40), //角の丸み４０
    ),
  ),
),

[Flutter]TextFormFieldのバリデーションエラーテキストの色を設定するには？

TextFormFieldがバリデーションエラーを起こした時に表示されるテキストの色を設定する方法を紹介します。

www.choge-blog.com

2021.12.04

[Flutter]TextFormFieldに枠線を付けるには？

TextFromFieldに枠線を付ける方法を紹介します。

www.choge-blog.com

2021.12.04

[Flutter]TextFormFieldの左側にアイコンを表示するには？

TextFormFieldの左側にアイコンを表示する方法を紹介します。

www.choge-blog.com

2021.11.09

[Flutter]TextFormFieldの右側にアイコンを表示するには？

TextFormFieldの右側にアイコンを表示する方法を紹介します。

www.choge-blog.com

2021.11.06