[Flutter]TextFormFieldのラベルのテキストサイズを設定するには？

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

TextFormFieldのラベルのテキストサイズを設定する方法を紹介します。

方法
使用例

方法

TextFormFieldのラベルのテキストサイズを設定するには、InputDecorationを使います。

まず、InputDecorationの引数「labelStyle」にTextStyleを指定します。

そして、TextStyleの引数「fontSize」にラベルのテキストサイズを指定します。

decoration: InputDecoration(
  labelText: 'ラベル',
  labelStyle: TextStyle(
    fontSize: /*ラベルのテキストサイズ*/,
  ),
),

InputDecorationの引数「labelStyle」を使えば、TextFormFieldのラベルのテキストサイズを指定することが出来ます。

使用例

以下は、使用例です。

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child: Padding(
          padding: const EdgeInsets.all(8.0),
          child: TextFormField(
            decoration: InputDecoration(
              labelText: 'ラベル',
              labelStyle: TextStyle(
                fontSize: 30,
              ),
              border: OutlineInputBorder(),
            ),
          ),
        ),
      ),
    );
  }