世界最大級のオンライン学習サービス「Udemy(ユーデミー)」とは?

【Flutter】TextFieldで複数行テキストを入力できるようにする

この記事はこんな人におすすめ!
  • TextFieldで複数行入力したい
  • TextFormFieldで複数行入力したい

今回はTextFieldまたはTextFormFieldで複数行テキストを入力をできるようにする方法を解説していきます。

目次

TextFieldで複数行テキストを入力する方法

TextField複数行テキストを入力をできるようにするにはkeyboardTypeの引数にTextInputType.multilinemaxLinesで入力できる最大行数を指定します。

テキストを入力できる最大行数を無制限にするにはmaxLinesの引数にnullを渡します。

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

TextFormFieldで初期値を設定する方法

TextFormField複数行テキストを入力をできるようにするにはkeyboardTypeの引数にTextInputType.multilinemaxLinesで入力できる最大行数を指定します。

テキストを入力できる最大行数を無制限にするにはmaxLinesの引数にnullを渡します。

TextFormField(
  initialValue: 'Hello World',
  keyboardType: TextInputType.multiline,
  maxLines: null,
)

参考サイト

目次