[Flutter]TextFormFieldを複数行(multiline)入力(input)できるようにするには？

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

TextFormFieldを複数行入力できるようにする方法を紹介します。

方法
使用例

方法

TextFormFieldを複数行にするには、引数「keyboardType」と引数「maxLines」を使います。

具体的には、TextFormFieldの引数「keyboardType」に「TextInputType.multiline」、引数「maxLines」に最大行数を指定します。

TextFormField(
  keyboardType: TextInputType.multiline,
  maxLines: /*最大行数*/,
),

これでTextFormFieldを複数行にすることが出来ます。

使用例

以下は、使用例です。

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child: Padding(
          padding: const EdgeInsets.all(8.0),
          child: TextFormField(
            keyboardType: TextInputType.multiline,
            maxLines: null,
          ),
        ),
      ),
    );
  }