[Flutter] TextFieldウェジェットを改行できるようにする方法

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

Flutterの文字入力欄を作る「TextFieldウェジェット」で、改行をできるようにする方法を解説します。

方法

TextFieldを改行できるようにするには、「KeyboadType引数」と「maxLines引数」を使います。

具体的には、「KeyboadType引数」に「TextInputType.multiline」、「maxLines引数」に「最大行数（無制限はnull）」を指定します。

TextField(
           keyboardType: TextInputType.multiline,
           maxLines: null,
         )

「KeyboadType引数」は、キーボードの設定をする引数で、「TextInputType.multiline」を指定することで複数行にすることが出来るようになります。

「maxLines」引数は、何行まで改行できるかを指定する引数で、好きな行数を整数で指定します。

この引数で「null」を使うと、無限になります。

まとめ

TextFieldウェジェットを改行できるようにするには、次の２つの引数を使います。

• KeyboadInput引数：「TextInputType.multiline」で複数行に設定
• maxLines : 最大行数を設定

２つの引数に必要な情報を渡すことで、改行をすることが出来るようになるのです。