Flutter TextFormFieldの入力欄とエラーメッセージの間隔を変えるサンプル

2023年10月5日

環境
Windows11 pro 64bit
Flutter 3.3.7

構文

 decoration: InputDecoration(
   errorStyle: TextStyle(
     height: エラーテキストの高さ,
   ),
),

TextFormFieldの入力欄とエラーメッセージの間隔を変えるには、InputDecorationを使います。

作成方法
1.TextFormFieldの引数「decoration」にInputDecorationを指定します。

TextFormField(
decoration: InputDecoration(xxx

2.InputDecorationの引数「errorStyle」にTextStyleを指定します。

errorStyle: TextStyle(xxx

3. 引数「height」にエラーテキストの高さを指定します。

height: xxxx

使用例

TextFormField(
  decoration: InputDecoration(
    errorStyle: TextStyle(
      height: 6,
    ),
    border: OutlineInputBorder(),
  ),
  validator: (value) {
    return 'ユーザー名を入力してください';
  },
),